11.0 vue3 shallowRef&shallowReactive

上一篇:

vue3 toRef&toRefshttps://blog.csdn.net/qq_42543244/article/details/122715199

本篇文章主要记录vue3的shallowRef,shallowReactive的api;

在默认的情况下,无论是 ref还是reactive都是深度监听,但是深度监听带来的问题是:如果数据量比较大,我们在使用ref reactive,讲原始数据代理为响应式数据,是非常消耗性能的,有些时候对于某些数据我们并不需要深度监听,此时就用到了shallowRef shallowReactive;

shallowRef



注意观察:

11.0 vue3 shallowRef&shallowReactive_第1张图片

 shallowReactive



shallowRef & shallowReactive使用场景:

    如果有一个对象数据,结构比较深,但只有最外层的数据发生变化====>shallowReactive

    如果有一个对象数据,后续功能中不会去更改该对象的属性值,而是生成新的对象来替换===>shallowRef

下一篇:

vue3 readonly&shallowReadonlyicon-default.png?t=M0H8https://blog.csdn.net/qq_42543244/article/details/122772194

你可能感兴趣的:(vue3,javascript,开发语言,ecmascript)