Vue3 shallowRef函数和shallowReactive函数

1、概念

轻量化的ref函数和reactive函数，只能进行一层响应式

2、对比

a、shallowRef和ref

ref响应式的，可以是基本数据类型和对象，当是对象时，ref会借助reactive生产proxy，实现数据响应式

shallowRef，只能对基本数据类型进行响应式处理

b、shallowReactive和reactive

reactive对象所有数据都可以做响应式

shallowReactive对对象第一次数据做响应式

3、作用

如果有个对象数据，结构层次比较深，但只是对最外层的属性进行变化，可以使用 shallowReactive

如果有个对象数据，后续不会修改该对象的属性，是直接替换，可以使用shallowRef