shallowReactive:只处理对象最外层属性的响应式(浅响应式) shallowRef:只处理基本数据类型的响应式,不进行对象的响应式处理 什么时候使用: 如果一个对象结构比较深,但只是外层属性发生变化,则使用 shallowReactive 如果一个对象,后续不会修改其属性,而是用新的对象来替换,则使用 shallowRef 2. readonly 与 shallowReadonl...
shallowRef:只处理基本数据类型的响应式,不进行对象的响应式处理,传递基本数据类型的话跟ref没有任何区别,ref是可以进行对象的响应式处理的 我们正常的ref创建的数据,里面的.value是一个proxy,而shallowRef创建的数据 .value里面是一个object数据类型,所以不会响应式数据 什么时候使用?: 如果有一个对象数据,结构比较深...
shallowRef:只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据,结构比较深, 但变化时只是外层属性变化 ===> shallowReactive。 如果有一个对象数据,后续功能不会修改该对象中的属性,而是生新的对象来替换 ===> shallowRef。 2.readonly 与 shallowReadonly readonly: 让一...
在computed 函数的重载中,代码第一行接收 getter 类型的参数,并返回 ComputedRef 类型的函数签名是文档中描述的第一种情况,接受 getter 函数,并以 getter 函数的返回值返回一个不可变的响应式 ref 对象。 而在第二行代码中,computed 函数接受一个 options 对象,并返回一个可写的 ComputedRef 类型,是文档的第二...
1、shallowRef:只处理基本数据类型的响应式 2、shallowReactive:只处理对象最外层属性的响应式(浅响应式) 3、浅层作用的响应式数据处理:只处理第一层对象的数据,再往下嵌套的数据,操作数据是不起作用的 4、shallowReative与shallowRef在某些特殊的应用场景下,是可以提升性能的,前者针对对象,用于浅层作用的响应式数据处...
比如ref,reactive,computed,watch,onBeforeMount等都是hook函数,只不过他们都是vue内部hook函数。 1.创建一个函数,函数名称必须以"use"开头 2.函数必须return一些数据。 2.10-shallowReactive与shallowRef 他们都表示浅响应式。 shallowReactive:只处理了对象第一层属性的响应式(值响应第一层) shallowRef:只有重新复制时才...
shallowRef 用来包住一个基础类型或者引用类型,如果是基础类型那么跟 ref 基本没区别,如果是引用类型的话,那么直接改深层属性是不能触发响应式的,除非直接修改引用地址,如下: 注意:改深层属性能改数据,只是没触发响应式,所以当下一次响应式触发的时候,你修改的深层数据会渲染到页面上~ ...
shallowRef创建一个ref,该ref仅跟踪其value属性而不会使其值具有响应性 shallowReactive 创建一个响应式代理,该代理仅跟踪其自身的属性(不包括嵌套对象) shallowReadonly 创建一个只读代理,该代理仅使自己的属性变为只读(不包括嵌套对象) 通过以下示例来感受这些方法的使用: ...
computed和watch之间的区别: computed能完成的功能,watch都可以完成。 watch能完成的功能,computed不一定能完成,例如:watch可以进行异步操作。 两个重要的小原则 所被Vue管理的函数,最好写成普通函数,这样this的指向才是vm 或 组件实例对象。 所有不被Vue所管理的函数(定时器的回调函数、ajax的回调函数等、Promise...