Vue 的响应式原理是核心是通过 ES5 的保护对象的 Object.defindeProperty 中的访问器属性中的 get 和 set 方法
data 中声明的属性都被添加了访问器属性
当读取 data 中的数据时自动调用 get 方法
当修改 data 中的数据时自动调用 set 方法
检测到数据的变化,会通知观察者 Wacher
观察者 Wacher自动触发重新render 当前组件
生成新的虚拟 DOM 树
Vue 框架会遍历并对比新虚拟 DOM树和旧虚拟DOM树中每个节点的差别,并记录下来,不同点
最后将所有记录的不同点,局部修改到真实 DOM 树上。
解释vue的响应式原理
最新推荐文章于 2023-07-25 16:49:42 发布