vue虚拟dom详解

从 vue1.x 设计理念说起

对vue发展史比较熟悉的同学，应该知道这件事：

vue1.0 并没有虚拟dom这玩意，而是是采用数据绑定、依赖收集的方式去观察数据变化并保留对实际 DOM 元素的引用，当有数据变化时进行对应的操作，每一个观测的render Watcher 对应的就是一个真实的DOM节点。

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

渲染列表时当数据全新的时候，需要销毁之前的所有实例，重新创建所有实例，最后再进行一次渲染， 相比Vir