类别:vue / 日期:2022-12-08 / 浏览:273 / 评论:0

Vue1.x 设计理念
a) 早期 Vue 是采用数据绑定、依赖收集的方式去观察数据变化并保留对实际DOM 元素的引用,当有数据变化时进行对应的操作。

b) 少量数据更新对比 Virtual DOM 性能更好,坏处是大量数据更新、初始渲染性能、对比 Virtual DOM 性能更差

c) 图解:


Vue2.x 设计理念

1. Vue2.0 引入了虚拟 dom,通过建立虚拟 dom 树, document.createDocumentFragment(),方法创建虚拟 dom树。一旦被监测的数据改变,会通过 Object.defineProperty 定义的数据拦截,截取到数据的变化。
2. 截取到的数据变化,从而通过订阅——发布者模式,触发 Watcher(观察者),从而改变虚拟 dom 的中的具体数据。
3. 最后,通过更新虚拟 dom 的元素值,从而改变最后渲染 dom 树的值,完成双向绑定。

版权声明 : 本文未使用任何知识共享协议授权,您可以任何形式自由转载或使用。

 可能感兴趣的文章

评论区

发表评论 / 取消回复

必填

选填

选填

◎欢迎讨论,请在这里发表您的看法及观点。

«    2023年11月    »
12345
6789101112
13141516171819
20212223242526
27282930

最新留言