vue2中的虚拟dom

在 vue1 中是响应式
vue2借鉴了react的虚拟dom
1: vue通过编译将template模板转换成 渲染函数(render)
2: 执行渲染函数就可以得到一个虚拟节点树
3: 对model进行操作的时候会触发watcher对象,watcher对象会调用对应的update来修改视图,这个过程主要是将新旧虚拟节点进行差异对比，然后根据对比结果进行DOM操作来更新视图。
4: 这个差异对比使用的是diff算法
5: 虚拟dom的优势
– 虚拟dom是以javascript对象为基础,不依赖真实平台环境,所以使它具有了跨平台的能力，比如说浏览器平台、Weex、Node 等。
– 操作 DOM 慢，js运行效率高。我们可以将DOM对比操作放在JS层，提高效率。
因为DOM操作的执行速度远不如Javascript的运算速度快，因此，把大量的DOM操作搬运到Javascript中，运用patching算法来计算出真正需要更新的节点，最大限度地减少DOM操作，从而显著提高性能。
虚拟dom本质上就是在 JS 和 DOM 之间做了一个缓存。可以类比 CPU 和硬盘，既然硬盘这么慢，我们就在它们之间加个缓存：既然 DOM 这么慢，我们就在它们 JS 和 DOM 之间加个缓存。CPU（JS）只操作内存（虚拟dom），最后的时候再把变更写入硬盘（DOM）
– 提升渲染性能
虚拟dom的优势不在于单次的操作，而是在大量、频繁的数据更新下，能够对视图进行合理、高效的更新。
为了实现高效的DOM操作，一套高效的虚拟DOM diff算法显得很有必要。我们通过patch 的核心----diff 算法，找出本次DOM需要更新的节点来更新，其他的不更新。比如修改某个model 100次，从1加到100，那么有了Virtual DOM的缓存之后，只会把最后一次修改patch到view上
详见: https://www.cnblogs.com/fundebug/p/vue-virtual-dom.html