跳到主要内容

判断响应式数据

通过 isRef 检查一个值是否为一个 ref 对象​

  • 语法
<script lang="ts">
import { defineComponent,ref,isRef } from "vue";
export default defineComponent({
  name: "",
  setup() {
    const name=ref('张文强');
    console.log(isRef(name)); //结果为 true
  },
});
</script>

通过 isReactive 检查一个对象是否由 reactive 创建的响应式代理​

  • 语法
<script lang="ts">
import { defineComponent,reactive,isReactive } from "vue";
export default defineComponent({
  name: "",
  setup() {
    const user=reactive({
      name:'张文强',
      age:23
    });
    console.log(isReactive(user)); //结果为 true
  },
});
</script>

通过 isReadonly 检查一个对象是否由 readonly 创建的只读代理​

  • 语法
<script lang="ts">
import { defineComponent,readonly,isReadonly } from "vue";
export default defineComponent({
  name: "",
  setup() {
    const user=readonly({
      name:'张文强',
      age:23
    });
    console.log(isReadonly(user)); //结果为 true
  },
});
</script>

通过 isProxy 检查一个对象是否是由 reactive 或者 readonly 方法创建的代理​

  • 语法
<script lang="ts">
import { defineComponent,readonly,reactive,isProxy } from "vue";
export default defineComponent({
  name: "",
  setup() {
    const user=reactive({
      name:'张文强',
      age:23
    });
    const users=readonly(user);
    console.log(isProxy(user)); //结果为 true
    console.log(isProxy(users));//结果为 true
    
  },
});
</script>