什么是虚拟 DOM

虚拟的 DOM，仅存在于内存中，不会实际渲染到页面上。

例如 document.createElement("div")，这就是我们之前常见的虚拟 DOM，它并不会对页面产生任何影响

var vdom = document.createElement("div");

但当我们通过 append、html 等 API 进行操作后，虚拟 DOM 就能挂到真正的 DOM 节点上，然后在页面上渲染出来

document.body.append(vdom);