Vue创建浅层响应式数据

shallowReactive：只处理对象第一层数据的响应式（浅响应式）。

shallowRef：只处理基本数据类型的响应式，不处理对象类型的响应式。

shallowReactive 适用于：如果有一个对象类型的数据，结构比较深，但变化时只是外层属性会变化。

shallowRef 适用于：如果有一个对象类型的数据，后续功能不会修改该对象中的属性，而是生成新的对象来替换。

 只考虑第一层数据的响应式 shallowReactive 函数：

注：使用 shallowReactive 创建的数据，只有第一层是响应式的，深层数据修改后，页面不会实时更新。

 

只考虑基本数据类型的响应式 shallowRef 函数 ：

注：使用 shallowRef 创建基础数据类型是响应式的，创建对象数据类型就不是响应式的了。但可以直接替换这个对象，页面也会实时更新。

原创作者：吴小糖

创建时间：2023.11.7