Vue3 响应式数据类型的判断

响应式数据类型常用的有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
}