跨境商城网站制作,做的网站空白了,推广小程序拿佣金,全国购网站建设一、情景说明
我们知道#xff0c;在Vue3中#xff0c;想要创建响应式的变量#xff0c;就要用到ref、reactive来包裹一下数据即可。 但是#xff0c;这里有个损耗性能的地方 就是#xff0c;被它包裹的数据#xff0c;都会构建成响应式的#xff0c;无论多少层次…一、情景说明
我们知道在Vue3中想要创建响应式的变量就要用到ref、reactive来包裹一下数据即可。 但是这里有个损耗性能的地方 就是被它包裹的数据都会构建成响应式的无论多少层次多少字段
那么如果有一天我们需要的只是的修改第一层的数据深层次的数据只做展示只读 这样整体构建成响应式数据就是一种损耗
这个时候就可以用shallowRef、shallowReactive来优化
二、案例
shallowRef用法
let myVar shallowRef(initialValue);shallowReactive用法
const myObj shallowReactive({ ... });三、总结
通过使用 shallowRef() 和 shallowReactive() 来绕开深度响应。浅层式 API 创建的状态只在其顶层是响应式的对所有深层的对象不会做任何处理避免了对每一个内部属性做响应式所带来的性能成本这使得属性的访问变得更快可提升性能。
