vue3数据类型ref,Reactive,shallowRef,shallowReactive基本用法

1. ref 用于创建基础类型的响应式，也可以创建引用类型的响应式.
2. ref 对于引用类型，底层也是转换为 reactive 来进行响应式处理
3. ref 创建的响应式数据在脚本中需要通过 .value, 模板中会自动添加上 .value，所以模板中不需要通过 .value 访问
4. ref 创建出来的响应式就是 RefImpl 实例对象
5. Ref 与 Reactive 创建的都是递归响应的，将每一层的 json 数据解析成一个 proxy 对象
6. shallowRef 与 shallowReactive 创建的是非递归的响应对象
7. shallowReactive 创建的数据第一层数据改变会重新渲染 dom
8. shallowRef 创建的响应式对象，需要修改整个 value 才能重新渲染 dom
9. 想更新 shallowRef 的某一层数据，并且想触发渲染，可以使用 triggerRef
10. reactive 不支持对基本类型数据响应式
11. ref 是在 reactive 上在进行了封装进行了增强, 全部使用ref可以
12. ref(1) 就等价于 reactive({value: 1})
13. 可以all in reactive，把页面的响应式数据都集中在一个reactive中，类似vue2的data

 

出处: https://juejin.cn/post/7109257658447691784