VUE框架Vue3使用API进行响应式数据判断的解析------VUE框架

<template>
  
</template>
 
<script>
import { reactive,isRef,ref,isProxy,isReactive, readonly, isReadonly } from 'vue';
export default {
    name : "App",
    setup(){
        // 定义很多个变量
        // 这些变量那些是具有响应式,哪些是没有响应式的
        let a = 1;
        let b = ref(2);
        let c = reactive({name:"Jack",age:20});
        // 甚至这个变量可能是别的组件传递过来的,怎么判断是否是响应式的
        // isref判断是否是ref的
        // isReactive判断是否是reactive或者shallowReactive
        // isProxy判断一个对象是否是reactive或者readonly,shallowReactive,shallowReadonly
        // isReadyonly检查传入的值是否为只读对象
        console.log(isRef(a));
        // 判断是否为ref
        console.log(isRef(b));
        // 判断是否为reactive或者reactive
        console.log(isReactive(c));
        // ref就是false
        console.log(isReactive(b));
        // isProxy不将ref视为代理对象
        console.log(isProxy(b));
        c = readonly(c);
        console.log(isReadonly(c));
        // 用isProxy判断只读也是true
    }
}
</script>
 
<style>
 
</style>