Vue 如何更新 DOM

DOM: document object model, 文档对象模型，即由浏览器呈现的html内容。
Virtual DOM: 基于 JS 的 DOM， 只存在于内存中。

Vue 如何更新实际 DOM：简单地说，Vue 在内存中维护一个虚拟 DOM，每当数据发生任何变化时，Vue 会检测到这种变化，然后创建一个新的虚拟 DOM，将其与旧的虚拟 DOM 进行比较，并检测差异，然后将这两个虚拟 DOM 之间的差异写入真实 DOM。( 实际上Vue 对此进行了许多优化，例如它不会一直重新创建整个虚拟 DOM，从而使这种方式更加高效。)

React 也是使用相同的 virtual DOM 更新实际的 DOM。

官方文档有详细的说明。