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

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

DON'Tusereforreactivetowraptheechartsinstance.UseacommonvariableorshallowReftoavoidthedeepwatchforechartsinstance.不要使用ref或reactive来包装echarts实例。使用公共变量或shallowRef来避免对echarts实例的深度监视。<template><d

完整警告[Vuewarn]:VuereceivedaComponentwhichwasmadeareactiveobject.Thiscanleadtounnecessaryperformanceoverhead,andshouldbeavoidedbymarkingthecomponentwith`markRaw`orusing`shallowRef`insteadof`ref`.这是因为参数内容有组件，

一、Vue3中使用component:is加载动态组件1、不使用setup语法糖，这种方式和vue2差不多，is可以是个字符串2、使用setup语法糖，这时候的is如果使用字符串就会加载不出来，得使用组件实例<componentclass="task-box":is="componentObj[route.params.type]":info="taskInfo"></co

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

<template><Child1/><Child2/><component:is="currentComp"></component><el-button@click="compChange">切换组件</el-button></template><scriptsetup>import{shallo

ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个.valueproperty，指向该内部值。如果将对象分配为ref值，则它将被reactive函数处理为深层的

深层次响应式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：只处理基本数据类型的响应式,不进行对象的响应式处理。什么时

原因Proxy应用到了整个ECharts实例上的问题，不太建议把整个ECharts实例这样的对象放到ref里，容易影响到实例底层的运行。可以使用shallowRef替代，这样Proxy不会应

ref把对象转化为响应式的；shallowRef是浅层响应式数据，即：只有对value整体修改，才能更新到视图层。而修改具体属性值时，不会更新视图。（shallowReactive和shallowRef一样的

ref的实现ref实现响应式(基本类型)也是采用Object.definedProperty()来实现的getter和setterref实现响应式(对象类型)也是采用Proxy来实现（底层调用reactive方法）reac

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

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