摘要: Vue 视图更新原理 Vue 的视图更新原理主要涉及的是响应式相关API Object.defineProperty 的使用,它的作用是为对象的某个属性对外提供 get、set 方法,从而实现外部对该属性的读和写操作时能够被内部监听,实现后续的同步视图更新功能 一、实现响应式的核心API:Objec 阅读全文
posted @ 2022-10-29 08:45 bb_xiaxia1998 阅读(29) 评论(0) 推荐(0)
摘要: Vue.set的实现原理 给对应和数组本身都增加了dep属性 当给对象新增不存在的属性则触发对象依赖的watcher去更新 当修改数组索引时,我们调用数组本身的splice去更新数组(数组的响应式原理就是重新了splice等方法,调用splice就会触发视图更新) 基本使用 以下方法调用会改变原始数 阅读全文
posted @ 2022-10-29 08:44 bb_xiaxia1998 阅读(26) 评论(0) 推荐(0)
摘要: 引言 在这里我先提出两个问题(文章末尾会进行解答): 在Vue的数据响应系统中,Dep和Watcher各自分担什么任务? Vue的数据响应系统的核心是Object.defineproperty一定是最好的吗?有什么弊端和漏洞吗? 一、什么是响应系统中的Watcher,它的作用是什么? 响应系统中的W 阅读全文
posted @ 2022-10-29 08:42 bb_xiaxia1998 阅读(50) 评论(0) 推荐(0)