在Vue3中，shallowReactive和shallowRef是用于创建浅响应式数据的工具。它们与普通的reactive和ref不同，只对对象的第一层属性进行响应式处理，而不会递归地使嵌套对象的属性也变成响应式的。shallowReactive问题：当你有一个嵌套较深的对象，并且你只关心对象的第一层属

shallowRef作用：创建一个响应式数据，但只对顶层属性进行响应式处理。用法：letmyVar=shallowRef(initialValue);特点：只跟踪引用值的变化，不关心值内部的属性变化。shallowReactive作用：创建一个浅层响应式对象，只会使对象的最顶层属性变成响应式的，对象内部的嵌套属

转自：https://blog.csdn.net/qq_54527592/article/details/119840044  shallowReactive与shallowRef   shallowReactive：只处理对象最外层属性的响应式（浅响应式）。   shallowRef：只处理基本数据类型的响应式,不进行对象的响应式处理。   什么时候使用?     

shallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式,不进行对象的响应式处理。什么时候使用?如果有一个对象数据，结构比较深,但变化时只是外层属性变化===>shallowReactive。如果有一个对象数据，后续功能不会修改该对

深层次响应式reactive和ref创建的对象都是深层次的，对象的根属性和嵌套属性都是响应式的。深层次转换是递归地转为响应式，对象里的每个属性访问都将触发代理的依赖追踪，

1.ref用于创建基础类型的响应式，也可以创建引用类型的响应式.2.ref对于引用类型，底层也是转换为reactive来进行响应式处理3.ref创建的响应式数据在脚本中需要通过.

shallowReactive使用reactive声明的变量为递归监听，使用shallowReactive声明的变量为非递归监听（通俗的讲就是reactive创建的对象将会被vue内部进行递归监听，可以监

1.shallowReactive()：使用shallowReactive转化的对象只有对象的第一层级有响应式。   2.shallowRef()：使用shallowRef转化的基本数据类型和使用ref没有差别，使用shallo

shallowReactive与shallowRefshallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式,不进行对象的响应式处理。什么时

shallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式,不进行对象的响应式处理。什么时候使用?如果有一个对象数据，结

按照vue3文档中得说明，在使用shallowRef和shallowReactive是浅响应得，即修改深层数据视图应该是不更新得，但是使用过程中往往会出现视图更新得情况，如下：修改前：