wordpress 暴力,郑州客串seo,深圳签网站,四川公共资源交易中心首先我们先了解一下这三个函数的定义以及区别
markRow
定义#xff1a;
一个用于标记对象为非响应式的工具函数
shallowRef
定义#xff1a;
一个用于创建浅层响应式引用的函数#xff0c;只对 .value 本身进行响应式处理#xff0c;不会递归地将 .value 指向的对象或…首先我们先了解一下这三个函数的定义以及区别
markRow
定义
一个用于标记对象为非响应式的工具函数
shallowRef
定义
一个用于创建浅层响应式引用的函数只对 .value 本身进行响应式处理不会递归地将 .value 指向的对象或数组的内部属性转换为响应式。
shallowReactive
定义
一个用于创建浅层响应式对象的函数只对对象的最外层属性进行响应式处理不会递归地将内部属性转换为响应式。
作用及使用场景
markRaw
在项目中我们经常会有使用到动态组件的时候而在将单文件组件SFC赋值给一个变量时如果我们使用ref或者reactive方法处理组件通常浏览器会给出一个警告信息
[Vue warn]: Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with markRaw or using shallowRef instead of ref原因是如果组件实例被代理为响应式对象可能会导致不必要的更新造成的性能损耗这个时候我们通常可以用markRaw方法代替ref
shallowRef
在项目中我们处理一个变量时经常会需要对整个对象做整体替换例如一个图片轮播组件每次切换图片数据整体都会发生变化那我们不需要去追踪数据内部属性的响应式变化时我们可以使用shallowRef来代替ref做一些性能优化的处理
shallowReactive
shallowReactive与shallowRef作用类似一个只能处理引用类型数据一个可以处理基础类型数据
