16.Composition API(二) （watchEffect和watch的使用）

1.reactive 判断的API

isProxy
检查对象是否由reactive或者readonly创建的p
roxy.

isReactive
检查对象是否由reactive创建的响应式代理；
如果该代理是readonly创建的，但被reactive创建的另一个代理包裹了，也会返回true。

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

toRaw
返回reactive或者readonly代理的原始对象（谨慎使用）

shallowReactive
创建一个响应式代理，它跟踪其自身property的响应性，但不执行嵌套对象的深层响应式转换。

shallowReadonly
创建一个proxy，使其自身的property为只读，但不执行嵌套对象的深度只读转换。

2.toRefs

如果使用ES6的解构语法,对reactive返回的对象进行解构获取值,数据不再是响应式的;
Vue为我们提供了一个toRefs函数,可以将reactive返回的对象中的属性都转变为ref

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

toRef
只转换一个reactive对象中的属性为ref,可以使用toRef

// toRef方法 只转化age
const {name} = info
const age = toR
1
2