请谈谈你对虚拟 DOM（Virtual DOM, vnode）概念的理解。与直接操作原生 DOM 相比，使用虚拟 DOM 是否一定具有更高的性能？请解释其背后的原因。
考察说明
考查对虚拟 DOM 本质的理解，以及是否清楚其性能优势的适用场景与局限性。
回答思路
- 【回答框架 1】虚拟 DOM 是一个轻量的 JavaScript 对象，它是对真实 DOM 的抽象表示。它通过描述 UI 的状态和结构，利用 diff 算法计算差异，并批量更新真实 DOM，从而减少不必要的重排和重绘。
- 【回答框架 2】虚拟 DOM 的性能优势并不绝对。在频繁且小规模的更新场景下，虚拟 DOM 需要额外创建和 diff 的开销，可能不如直接操作原生 DOM。但在大规模复杂 UI 更新时，虚拟 DOM 的批量更新和最小化 DOM 操作能提供更稳定的性能。
- 【回答框架 3】虚拟 DOM 的价值更多在于跨平台能力（如 React Native）和声明式编程模型，它使得开发者无需手动管理 DOM 操作，同时保持可预测性。
- 【关键点 1】虚拟 DOM 是真实 DOM 的 JavaScript 对象表示，通过 diff 和批量更新减少操作次数。
- 【关键点 2】性能高低取决于场景：频繁小更新时原生 DOM 可能更快，大规模更新时虚拟 DOM 更有优势。
- 【关键点 3】虚拟 DOM 的主要优势是跨平台和声明式编程，而非绝对更高的性能。
- 【易错点 1】误认为虚拟 DOM 总是比直接操作原生 DOM 性能高，忽略了额外开销。
- 【易错点 2】混淆虚拟 DOM 与真实 DOM，虚拟 DOM 并不能直接执行浏览器 API。