虚拟DOM是什么

它是一个 JavaScript 对象（通常是树形结构），描述真实 DOM 的节点及其属性（如标签名、类名、子节点等）

作用是什么

直接操作真实 DOM 代价高昂（重排、重绘）。虚拟 DOM 通过批量更新和差异化渲染，减少不必要的 DOM 操作。

真实 DOM 和 虚拟 DOM 对比

更新成本： 虚拟 DOM 更小

更新方式： 虚拟 DOM 批量更新差异化，真实 DOM 是直接更新

跨平台：虚拟 DOM 支持，比如 React Native