在 2022 年的 VueConf 活动中，Vue 的作者尤雨溪首次提出了 Vapor Mode 的概念，这是一个受到 Solid 启发的编译策略，它打破了对虚拟 DOM 的依赖，转而充分利用 Vue 内置的响应性系统，带来了显著的性能提升。目前，Vapor Mode 已经推出了实验版本，可以在 steam-repl.netlify.app 上先行体验。

下面就来看看 Vapor Mode 是什么，如何使用，以及它的未来！

Vapor Mode 概念

Vapor Mode 是一种正在试验中的编译策略，其灵感来源于 Solid。对于相同的 Vue SFC，与当前基于虚拟 DOM 的编译结果相比，Vapor Mode 能够生成性能更高、内存使用更少、运行时支持代码更少的 JavaScript 输出。它的目标是通过编译为更高效的 JavaScript 来提升应用的性能。当在应用级别使用时，Vapor Mode 可以完全去除虚拟 DOM，从而减小应用的包大小，进一步优化应用的性能。

Vapor Mode 目前仍处于开发阶段，相关要点如下：

• Vapor Mode 主要适用于对性能有高要求的场景。它作为一项可选功能，不会对现有代码库产生影响。
• 开发者能够将 Vapor 组件子树无缝集成到现有的 Vue 3 应用中。理想情况下，我们希望在组件级别实现粒度选择，使 Vapor 组件和非 Vapor 组件能在同一个应用中自由混用。
• 仅使用 Vapor 组件构建应用可以显著减少 bundle 中的虚拟 DOM 运行时，从而降低基准运行时大小。
• 为了实现最佳性能，Vapor Mode 将仅支持 Vue 功能的一个子集。具体来说，Vapor Mode 组件将仅支持 Composition API 和