摘要: 1.监测机制的改变 3.0 将带来基于代理 Proxy 的 observer 实现,提供全语言覆盖的反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制。 2.只能监测属性,不能监测对象 检测属性的添加和删除; 检测数组索引和长度的变更; 支持 阅读全文
posted @ 2023-04-15 17:08 ChatGPT爱好者 阅读(101) 评论(0) 推荐(0) 编辑
摘要: Vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。 主要分为以下几个步骤: 需要observe的数据对象进行递归遍历,包括子属性对象的属性,都加上se 阅读全文
posted @ 2023-04-11 22:35 ChatGPT爱好者 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 当一个Vue实例创建时,Vue会遍历data中的属性,用Object.defineProperty(vue3.0使用proxy)将它们转为getter/setter,并且在内部追踪相关依赖,在属性被访问和修改时通知变化。每个组件实例都有相应的watcher程序实例,它会在组件渲染的过程中把属性记录为 阅读全文
posted @ 2023-04-11 22:32 ChatGPT爱好者 阅读(25) 评论(0) 推荐(0) 编辑