shallowReactive 与 shallowRef
-
shallowReactive:只处理对象最外层属性的响应式(浅响应式)。
-
shallowRef:只处理基本数据类型的响应式, 不进行对象的响应式处理。
-
什么时候使用?
- 如果有一个对象数据,结构比较深, 但变化时只是外层属性变化 ===> shallowReactive。
- 如果有一个对象数据,后续功能不会修改该对象中的属性,而是生新的对象来替换 ===> shallowRef。
例
<h4>当前的x值是:{{x.y}}</h4>
<button @click="x={y:100}">替换</button> //有用
<button @click="x.y++">点我x+1</button> //不起作用
let x=shallowRef({
y:0
})