什么是虚拟 DOM ？

文档对象模型或 DOM 定义一个接口，该接口允许 JavaScript 之类的语言访问和操作 HTML 文档。 元素由树中的节点表示，并且接口允许我们操作它们。但是此接口需要付出代价，大量非常频繁的 DOM 操作会使页面速度变慢。

Vue 通过在内存中实现文档结构的虚拟表示来解决此问题，其中虚拟节点 (Node) 表示 DOM 树中的节点。当需要操纵时，可以在虚拟 DOM 的 内存中执行计算和操作，而不是在真实 DOM 上进行操纵。这自然会更快，并且允许 DOM 算法计算最优化算出计算出最优化的方式来更新实际 DOM 结构。

一旦计算出，就将其应用于实际的 DOM 树，这就提高了性能，这就是为什么基于虚拟 DOM 的框架 （例如 Vue 和 React） 如此突出的原因。