概述
Vue的响应式原理:
Vue的响应式原理 核心是通过 ES5 的 Object.defindeProperty 进行数据劫持 然后利用 get 和 set 方法进行数据的获取和设置 这时的data中声明的属性都将被添加到 get 和 set 中 当读取data中的数据中 自动调用 get 方法 当修改数据时 或者数据发生改变时 自动调用 set 方法 去侦听检测数据的变化 同时会通知 观察者 Wacher 观察者 Wacher 自动重新触发 render 当前组件 (子组件不会重新渲染) 生成新的虚拟 DOM 树 Vue的框架会遍历并对比新旧虚拟DOM树上面的每个节点的差别 并记录下来 最后加载操作 将所有记录下来的节点 局部修改到真实的DOM树上
最后
以上就是冷静秀发为你收集整理的Vue2.0 响应式原理 通俗易懂的全部内容,希望文章能够帮你解决Vue2.0 响应式原理 通俗易懂所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复