vue3 ref,reactive,toRef,toRefs 理解

ref

1 当ref里面的值发生改变时，视图层会启动更新

2 ref可操作基本数据类型，也可操作复杂数据类型，对象和数组。

3 建议，ref用来操作基本数据类型：数字和字符串。

reactive

1 reactive同样为我们的值创建了一个响应式引用

2 定义基本类型数据不能用reactive,用ref

3 reactive主要定义复杂类型，比如数组-对象

4 reactive可以响应深层次数据，比如多维数组

5 reactive返回一个响应式proxy对象

toRef介绍

1 ref本质是拷贝黏贴一份数据，脱离了与原数据的交互

2 ref函数将对象中的属性变成响应式数据，修改响应式数据不会影响到原数据，但会更新视图层

3 toRef也可以创建一个响应式数据

4 toRef的本质是引用，与原数据有交互，修改响应式数据会影响到原数据，但是不会更新视图层。

toRefs

1 用于批量设置多个数据为响应式数据

2 toRefs与原有数据有交互，修改响应数据会影响原有数据，但不太会更新视图层

3 toRefs还可以与其他响应式函数有交互，更加方便处理试图层数据

4 应用场景一般为扩展运算