就像前端开发世界的其他部分一样,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 开发环境中日趋成熟和适应性更强。