Vue2.0 响应式原理通俗易懂

作者：Cpp五条 | 2024-03-16 08:30:49

踩

Vue2.0 响应式原理通俗易懂

Vue的响应式原理：

Vue的响应式原理核心是通过 ES5 的 Object.defindeProperty 进行数据劫持然后利用 get 和 set 方法进行数据的获取和设置这时的data中声明的属性都将被添加到 get 和 set 中当读取data中的数据中自动调用 get 方法当修改数据时或者数据发生改变时自动调用 set 方法去侦听检测数据的变化同时会通知观察者 Wacher 观察者 Wacher 自动重新触发 render 当前组件（子组件不会重新渲染）生成新的虚拟 DOM 树 Vue的框架会遍历并对比新旧虚拟DOM树上面的每个节点的差别并记录下来最后加载操作将所有记录下来的节点局部修改到真实的DOM树上

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/248223

Vue2.0 响应式原理 通俗易懂

Vue的响应式原理：

Vue2.0 响应式原理通俗易懂