本文介绍了Vue从1.x到2.x引入虚拟DOM的原因和设计思想，阐述了虚拟DOM的本质、作用和提高渲染效率的原理。在Vue2.x中，虚拟DOM作为渲染函数的核心，通过diff算法实现高效DOM更新。文章还讨论了虚拟DOM的跨平台优势和提升性能的关键——patching算法。
从 vue1.x 设计理念说起
对vue发展史比较熟悉的同学，应该知道这件事：
vue1.0 并没有虚拟dom这玩意，而是是采用数据绑定、依赖收集的方式去观察数据变化并保留对实际 DOM 元素的引用，当有数据变化时进行对应的操作，每一个观测的render Watcher 对应的就是一个真实的DOM节点。
好处是少量数据更新对比Virtual DOM 性能更好，坏处是大量数据更新、初始渲染性能、对比Virtual DOM 性能更差。
订阅专栏 解锁全文
扫一扫
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
