Question

vue虚拟dom实现原理

Answer 1

1、如果是旧节点先循环完毕，说明新节点中有要插入的节点。

2、这里千万不要被这茫茫多的属性吓到，实际上Vue.js中VirtualDOM是借鉴了一个开源库snabbdom的实现，然后加入了一些Vue.js特色的东西。

3、虚拟DOM并不是VUE专属的，很多其他框架也都有用到虚拟DOM。所谓的虚拟DOM其实是一个js对象。由于DOM是树形结构的，所以通过js对象表示虚拟DOM很容易。

4、虚拟dom：如果有10次更新dom的动作，虚拟dom不会立即操作dom，而是将这10次更新的内容储存起来，通过diff算法，把新的dom（vue刚构造的虚拟dom）和旧的dom（可能是页面上现在显示的真实的dom）进行对比。