2024 年 Vue.js 会发生什么?

就像前端开发世界的其他部分一样，Vue 世界发展得很快。在这篇文章中，我想了解一下 Vue 的现状，并分享我对 2024 年发展趋势的预测。

Vue 2 生命周期结束

随着 Vue.js 社区的不断发展，2024 年标志着 Vue 2 生命周期的结束，这是一个重大转变。这一转变标志着向更高级版本的转变，强调开发人员需要升级其技能和应用程序。

有了这个里程碑，预计组合 API、Pinia、可组合项和 TypeScript 今年将在 Vue 应用程序中大量使用。

Vue Vapor 模式

Vue 生态系统中最令人兴奋的发展之一是“Vapor 模式”的引入。Evan 在 2022 年底首次宣布了 Vapor 模式。虽然现在不可能在 2023 年发布，但 2024 年发布的前景看起来不错。

对于那些不熟悉 Vapor 模式的人来说，这项创新旨在删除虚拟 DOM，以提高性能，同时使用组合 API 维护当前的 script setup 语法。

Vue 证书

2023 年，Vue School 与 Vue 核心团队合作，推出了官方 Vue.js 认证计划。今年，国际上已有 2000 名开发者和公司购买了该证书。已有 157 名开发者通过考试并获得正式认证。更多人报名参加考试，而其他人则正在学习以完成第二次尝试。

到 2024 年，我们预计该计划将继续受欢迎，因为该考试为开发人员提供了一个值得信赖的途径，向潜在雇主验证他们的技能，同时公司可以简化招聘流程并对新员工更有信心。

如果您不是尚未获得认证的 157 人之一，并且正在找工作，您应该认真考虑参加考试，将其作为在竞争中脱颖而出的一种方式。

性能改进

历史上，前端框架的主要关注点一直是性能。2024 年也不会有什么不同。

Evan 最近宣布开发 Rust 的 Rollup 端口，称为 Rolldown。它专注于与 Rollup 尽力兼容的性能，并计划加速已经超快的 Vue 构建工具：Vite。

Vue.js 也有望继续提高核心库的速度和性能。其中一项功能就是作为定义同步组件（defineAsyncComponent）的一个选项，加入了懒惰水合（lazy hydration）功能。

新功能和增强功能

Vue.js 有各种新的和现有的实验功能，这些功能很可能在 2024 年成为框架的稳定新增功能。以下功能都不是万无一失的，但我敢打赌，到今年年底，你至少会看到其中的大部分：

• 一个稳定的 defineModel： 正如这篇博文所讨论的，引入稳定的 defineModel 提供了一些很好的语法糖分，以解决稍显冗长的常见用例。我们期待在 2024 年看到它松动实验标签。
• 稳定的 Suspense 组件： 这个组件贴上实验标签已经有一段时间了。在流行的 Nuxt 3 元框架中的广泛使用应能确保在未来很少发生变化，因此我预计它很快就会进入稳定阶段。
• 条件 Props：正如本期所建议的，条件 Props 的潜在引入可以为组件提供更具表现力和灵活性的 TypeScript 支持。
• Vue 路由数据加载器： 围绕 Vue 路由器数据加载器的讨论表明，人们正在努力简化 Vue 应用程序中的数据获取和路由。

Nuxt

Nuxt 3 发布测试版已有一年时间，它对全栈的关注使其成为许多 Vue.js 开发人员的首选工具。今年，它以惊人的速度发布了新功能，包括

• Nuxt devtools - 即使是非 Vue 开发人员也会垂涎欲滴的开发工具。
• 丰富的渲染模式（仅客户端模式、仅服务器模式、混合模式），可在组件和应用程序级别进行配置。(又称岛屿、服务器组件等）
• 不断改进类型安全功能（类型化路由、类型化环境配置等等）
• 原生视图转换
• 还有更多。。。

一定要期待 Nuxt 团队继续向 Vue 社区（我听说有关于 Nuxt 4 的传闻）以及通过 UnJS 组织向整个开发社区提供有价值的软件。

2023 年即将过去，2024 年前景看好！期待 Vue 内核和整个生态系统在性能和易用性方面的进步。这些发展不仅彰显了 Vue 框架不断改进的决心，也标志着它在不断变化的 Web 开发环境中日趋成熟和适应性更强。