ReactivityApi | 杨敢敢的博客

type

status

date

获取响应式数据

API	传入	返回	备注
`reactive`	`plain-object`	`对象代理`	深度代理对象中的所有成员
`readonly`	`plain-object` or `proxy`	`对象代理`	只能读取代理对象中的成员，不可修改
`ref`	`any`	`{ value: ... }`	对value的访问是响应式的如果给value的值是一个对象，则会通过`reactive`函数进行代理如果已经是代理，则直接使用代理
`computed`	`function`	`{ value: ... }`	当读取value值时，会根据情况决定是否要运行函数

应用：

watchEffect

watch

注意：无论是watchEffect还是watch，当依赖项变化时，回调函数的运行都是异步的（微队列）

应用：除非遇到下面的场景，否则均建议选择watchEffect

API	含义
`isProxy`	判断某个数据是否是由`reactive`或`readonly`
`isReactive`	判断某个数据是否是通过`reactive`创建的详细:https://v3.vuejs.org/api/basic-reactivity.html#isreactive
`isReadonly`	判断某个数据是否是通过`readonly`创建的
`isRef`	判断某个数据是否是一个`ref`对象

unref

等同于：isRef(val) ? val.value : val

应用：

toRef

得到一个响应式对象某个属性的ref格式

toRefs

把一个响应式对象的所有属性转换为ref格式，然后包装到一个plain-object中返回

应用：

所有的composition function均以ref的结果返回，以保证setup函数的返回结果中不包含reactive或readonly直接产生的数据