vue中ref()与reactive(的区别)
2024-10-30这时objectReactive.count = 4修改的不再是effect 所监听的代理对象,而是新的普通的不具备响应式能力的对象{count:3}。这时objectReactive.count = 4修改的不再是effect 所监听的代理对象,而是新的普通的不具备响应式能力的对象{count:3}。ref是通过一个中间对象RefImpl持有数据,并通过重写它的set和get方法实现数据劫持的,本质上依旧是通过Object.defineProperty 对RefImpl的value属性进行劫持。_Vue reactive和ref区别
【Vue】Vue(八)Vue3.0 使用ref 和 reactive创建响应式数据
2024-10-27/ name和age是一个RefImpl的实例对象,简称ref对象,它们的value属性是响应式的。// 注意:name不是响应式的,name.value是响应式的,所以如下代码并不会引起页面的更新。从下图中可以看出,使用ref创建响应对象的value中又包含了一层被reactive处理过的内容;// tel就是一个普通的字符串,不是响应式的。// JS中操作ref对象时候需要.value。// JS中操作ref对象时候需要.value。_Vue reactive使用