响应式数据类型常用的有ref、reactive、readonly 这三种数据类型。
我们可以使用以下的几个API来判断该数据属于那种响应式数据类型:
isRef -- 检查一个值是否为一个ref对象
isReactive -- 检查一个对象是否是由reactive创建的响应式代理
isReadonly -- 检查一个对象是否是由readonly |创建的只读代理
isProxy -- 检查一个对象是否是由 reactive 或者readonly 方法创建的代理
使用这些API之前需要先进行引入:
import { isRef, isReactive, isProxy, isReadonly } from 'vue';
setup() {
let person = ref({ name: "张三", age: 18 });
let person1 = reactive({ name: "张三", age: 18 });
let person2 = readonly({ name: "张三", age: 18 });
console.log(isRef(person)); // true
console.log(isReactive(person1)); // true
console.log(isReadonly(person2)); // true
console.log(isProxy(person1)); // true
console.log(isProxy(person2)); // true
}