探究Vue.js 2.0新增的虚拟DOM

一个主要的令人兴奋的新特性就是更新页面的"虚拟DOM"的加入。React 和 Ember 都使用了虚拟DOM来提升页面的刷新速度。我们可以使用 JavaScript 将DOM节点虚拟化表示在一个HTML中，DOM节点通常表示如下：DOM 节点也可以表示 JavaScript 中的对象，像这样：这就是我们的“虚拟”DOM。就像在生活和 Web 开发中的每一件事，虚拟DOM有利也有弊。内存 -同样，虚拟DOM需要将现有的DOM拷贝后保存在内存中，这是一个在DOM更新速度和内存使用中的权衡。并不适用所有情况 -如果虚拟DOM可以一次性进行批量的修改是非常好的。这样的任何DOM更新都将会使虚拟DOM带来无意义的预计算。不仅仅是性能使用虚拟DOM不仅仅是一次性能上的优化，还意味着带来了更多的功能。