1. isRef: 检查一个值是否为一个ref对象
2. isReactive:检查一个对象是否是由reactive创建的响应式代理
3. isReadonly:检查一个对象是否是由readonly创建的只读代理
4. isProxy:检查一个对象是否是由reactive或者readonly方法创建的代码
代码如下:
const car = reactive({name: 1})
const sum = ref(0)
const car2 = readonly(car)
console.log(isRef(sum)); // true
console.log(isReactive(car)); // true
console.log(isReadonly(car2)); // true
console.log(isProxy(car)); // true
console.log(isProxy(car2)); // true
console.log(isProxy(sum)); // false, 底层使用Object.defineProperty实现
Vue3:响应式数据的判断(ref, reactive, readonly)
最新推荐文章于 2024-07-19 18:41:59 发布