大家好,我是大家的林语冰。坚持阅读,自律打卡,每天一次,进步一点。
就像前端开发世界的其他生态一样,2024 Vue 的生态系统也日新月异。
在本文中,我们会回顾 Vue 生态的开发现状,且共享关于 Vue 生态 2024 发展趋势的预言。
免责声明
本文属于是语冰的直男翻译了属于是,略有删改,仅供粉丝参考。英文原味版请传送 What to expect from Vue.js in 2024。
Vue 2 生命周期完结
去年年底,Vue 2 发布了最后一个次版本升级,版本代号"Swan Song"(天鹅挽歌),Vue 2 停止开源维护,不再更新。
随着 Vue 社区推陈出新,2024 标志着 Vue 2 生命周期的完结,此乃一重大转变。
这一转变标志着 Vue 生态正式向 Vue 3 的过渡,强调 Vue 开发者需要及时迭代 Vue 3 相关技能。
随着 Vue 3 强势崛起,可以预见组合式 API、Pinia、组合式函数和 TS 今年会在 Vue 应用程序中大量使用。
Vapor Mode(蒸汽模式)
Vue 生态系统中最令人鸡冻的进展之一,是引入"蒸汽模式"(Vapor Mode)。
"Vue 之父"在 2022 年底首次爆料了蒸汽模式。虽然蒸汽模式没有在 2023 正式发布,但 2024 尘埃落定的前景未来可期。
对于那些不熟悉蒸汽模式的 Vue 爱好者而言,蒸汽模式旨在移除虚拟 DOM,提高性能,同时使用组合式 API 维护当前的 <script setup>
语法。
此外,蒸汽模式支持在组件或应用层级选择启用。
Vue 官方技能证书
2023 年,Vue 大学与 Vue 核心团队合作,推出了官方的 Vue 技能认证计划。
今年,国际上已有 2_000
名开发者和公司加入了该认证计划。目前已有 157
名开发者通过考试,且获得正式认证。后续更多开发者报名参加考试,而其他挂科的人则还在内卷,尝试重考复试。
2024 年,我们预计 Vue 官方技能认证计划会继续人气爆涨,因为该考试为开发者提供了一个值得信赖的增值途径,向开发市场的雇主验提供了技能证书,同时科技大厂可以简化招聘流程,并对新员工更有信心。
如果您不是获得 Vue 官方认证的 157 人之一,且正在找工作,您应该认真考虑参加Vue 官方技能认证计划,将其作为在市场竞争中脱颖而出的一种方式。
性能优化
历史上,前端框架的主要关注点一直是性能。2024 年也无独有偶。
尤雨溪先生在去年的 Vite 开发者大会上官宣开发 Rust 版的 Rollup 移植,名为 Rolldown。Rolldown 关注 Rollup 的兼容性,并计划加速已经性能惊人的构建工具:Vite。目前,Rolldown 已经正式开源!
Vue 也有望在核心库的速度和性能方面更进一步。其中一个功能是作为 defineAsyncComponent
的选项加入惰性水合。
全新的内置功能
Vue 具有各种全新的和现有的实验性功能,这些功能可能会在 2024 作为框架的稳定补充。
以下新特性都暂时待定,但我敢打赌,我们至少会在 2024 年底见证其中的大多数功能:
- 诸如
v-model
之类的强化功能更易于数据绑定和 UI 更新。 - 稳定的
defineModel
:引入稳定的defineModel
提供了某些很棒的语法糖,解决了稍微冗长的常见用例。期待在 2024 目睹这个宽松的实验标签。 - 稳定的
<Suspense>
组件:该组件已经贴上实验标签相当长一段时间了。在流行的 Nuxt 3 元框架中的广泛使用,应该确保升级时的变化很小,所以我预计这不久就会达到稳定阶段。 - 条件 Props:条件 props 的潜在引入可以为组件提供更具表现力和灵活的 TS 支持。
- Vue 路由器数据加载器:围绕 Vue 路由器数据加载器的讨论表明了简化 Vue 应用程序中的数据获取和路由的努力。
Vue 的元框架:Nuxt
Nuxt 3 脱离 Beta 公测版已经一年了,它对完整堆栈的关注使其成为一大坨 Vue 开发者的首选工具。今年它以惊人的速度发布了新功能,包括但不限于:
- Nuxt 开发者工具:即使非 Vue 开发者也会垂涎欲滴的开发工具
- 丰富的渲染模式(仅客户端、仅服务器、兼具水合作用)可在组件和 App 级别配置。(又名 island、服务器组件等)
- 持续优化类型安全功能(类型化路由、类型化环境配置等等)
- 原生视图转换
- 以及更多!
由衷期望 Nuxt 团队继续向 Vue 社区和通过 UnJS 组织向整个开发社区提供有价值的软件。
剑指 2024
2023 已经落幕,2024 未来可期!预计 Vue 核心和整个生态系统的性能和易用性都会取得进步。
这些发展不仅体现了 Vue 框架持续优化的承诺,也标志着 Vue 生态系统在不断发展的 Web 开发环境中日益成熟。
本期话题是 ------ 你更多使用 Vue 2 还是 Vue 3?欢迎在本文下方自由言论,文明共享。
坚持阅读,自律打卡,每天一次,进步一点。谢谢大家的点赞,掰掰~