Vue3中响应式数据的判断

isRef: 检查一个值是否为一个 ref 对象

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

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

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

import {ref, reactive,toRefs,readonly,isRef,isReactive,isReadonly,isProxy } from 'vue'
export default {
	name:'App',
	setup(){
		let car = reactive({name:'奔驰',price:'40W'})
		let sum = ref(0)
		let car2 = readonly(car)

		console.log(isRef(sum));
		console.log(isReactive(car));
		console.log(isReadonly(car2));
		console.log(isProxy(car));
		console.log(isProxy(sum));     // sum是ref创建出来的 不是Proxy对象形式

		
		return {...toRefs(car)}
	}
}

        我们在代码中分别使用ref, reactive,readonly,创建出了3条数据 然后使用以上Api验证

        我们打开浏览器控制台可以看到 最后一条为false 其余都为真