1:reactive 和 ref 函数的对比:
ref 函数从定义的角度
ref 函数用来定义: 基本数据类型
reactive 用来定义: 对象(或数组)类型数据。、
备注: ref 函数也可以定义对象(数组) 类型数据。 它会内部会自动转为代理对象。
2: 从原理角度对比:
ref 函数通过Object.definedPropery() 的get() 和 set() 方法实现的数据响应式。(数据劫持)
reactive 通过使用Proxy 来实现数据响应式(数据劫持); 并通过Reflect 来操作源对象内部的数据。
3: 从使用的角度对比:
ref 函数定义的数据: 操作数据需要.value 读取模板的时候直接读取不需要.value
reactive: 定义数据: 操作数据与读取数据: 均不要.value
vue3.0 中ref 函数 和 reactive函数对比
最新推荐文章于 2024-06-05 15:25:22 发布