Vue 2024 预言

大家好,我是大家的林语冰。坚持阅读,自律打卡,每天一次,进步一点。

就像前端开发世界的其他生态一样,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?欢迎在本文下方自由言论,文明共享。

坚持阅读,自律打卡,每天一次,进步一点。谢谢大家的点赞,掰掰~

相关推荐
曲邹萌8 分钟前
springboot-vue excel上传导出
vue.js·spring boot·导入导出
蒜蓉大猩猩18 分钟前
Vue.js - 组件化编程
开发语言·前端·javascript·vue.js·前端框架·ecmascript
Clockwiseee37 分钟前
JS原型、原型链以及原型链污染学习
javascript·学习·原型模式
王解1 小时前
一篇文章读懂 Prettier CLI 命令:从基础到进阶 (3)
前端·perttier
乐闻x1 小时前
最佳实践:如何在 Vue.js 项目中使用 Jest 进行单元测试
前端·vue.js·单元测试
遇到困难睡大觉哈哈1 小时前
JavaScript面向对象
开发语言·javascript·ecmascript
檀越剑指大厂1 小时前
【Python系列】异步 Web 服务器
服务器·前端·python
我是Superman丶1 小时前
【前端】js vue 屏蔽BackSpace键删除键导致页面后退的方法
开发语言·前端·javascript
Hello Dam1 小时前
基于 Spring Boot 实现图片的服务器本地存储及前端回显
服务器·前端·spring boot
小仓桑1 小时前
利用 Vue 组合式 API 与 requestAnimationFrame 优化大量元素渲染
前端·javascript·vue.js