• 2024年Vue可能发展方向的几点预测
  • 发布于 2个月前
  • 116 热度
    0 评论
就像前端开发的其他领域一样,Vue 的发展也日新月异。在本文中将回顾一下 Vue 的现状,并分享对 2024 年可能发展方向的预测。

Vue 2 的生命终结
随着 Vue.js 社区的不断发展,2024 年标志着 Vue 2 生命周期的终结。这一变化标志着向更高级版本的转变,强调了开发人员升级技能和应用程序的必要性。

随着这一里程碑的到来,预计 2024 年在 Vue 应用程序中将会大量使用组合 API、Pinia、可组合元素和 TypeScript。如果你对这些技能还比较陌生,建议你提前做好知识储备,以迎接这一趋势的到来。

Vue Vapor 模式
Vue 生态系统最令人兴奋的发展之一是引入了 "Vapor 模式"。尤大在 2022 年底首次公布了 Vapor 模式。虽然未能在 2023 年发布,但 2024 年发布的前景看起来不错。

对于那些不熟悉 Vapor 模式的人来说,它是一种编译策略,其灵感来自于 Solid,这项创新旨在移除虚拟 DOM,以提高性能,同时保持当前脚本设置语法与组成 API。该功能将在组件或应用程序级别选择使用。

Vue 证书
2023 年,Vue School 与 Vue 核心团队合作推出了官方 Vue.js 认证计划。今年,全球已有 2000 名开发人员和公司购买了证书。157 名开发人员通过了考试并获得了官方认证。还有更多的人报名参加考试,还有一些人正在复习,准备第二次参加考试。

2024年,预计该计划将继续普及,因为该考试为开发人员提供了一个可信赖的途径,以验证他们的技能并向潜在雇主证明,而公司则可以简化招聘流程并对新员工更有信心。

性能改进
前端框架的主要关注点历来都是性能。2024 年也不例外。尤雨溪在 2023 ViteConf 大会上宣布将开发一个名为 Rolldown 的 Rollup 替代工具。Rolldown 基于 Rust 开发,注重性能,尽力与 Rollup 兼容,并计划加快已经性能超级快的 Vue 构建工具 Vite 的速度。

按照此次拉取请求中的改进趋势,Vue.js 也有望继续提高核心库的速度和性能。其中一项功能就是作为定义同步组件(defineAsyncComponent)的一个选项,加入了懒惰水合(lazy hydration)功能。

2024 年 Vue.js 有望在核心库中继续在速度和性能方面取得进展。其中一个功能是将懒加载作为选项内置的 lazy hydration。

新的和巩固的功能
Vue.js 拥有各种新的和现有的实验功能,这些功能很可能在 2024 年成为框架的稳定新增功能。以下这些都不是确定的事情,但到年底至少会看到其中大部分:
v-model 在 details 和 <dialog> 元素,这将使绑定数据和更新 UI 变得更容易。
Stable defineModel:稳定的 defineModel 的引入将提供一些简洁的语法糖来处理一些略显冗长的常见用例。预计2024年这个功能将失去试验性标签。
Stable Suspense Component:这个组件已经带着试验性标签使用了相当长的时间。在流行的 Nuxt 3 框架中的广泛应用,在不久的将来几乎不会有太多变化,所以预计它很快会达到稳定阶段。
Conditional Props:条件 Props 的潜在引入可能为组件提供更具表现力和灵活性的 TypeScript 支持。

Vue Router Data Loaders:众多有关 Vue Router 数据加载器的讨论表明正在努力简化 Vue 应用程序中的数据获取和路由。


Nuxt
Nuxt 3.x 发布已有一年时间,它对全栈的关注使其成为许多 Vue.js 开发人员的首选工具。今年,它以惊人的速度发布了新功能,包括:
1.Nuxt devtools - 连非 Vue 开发人员都垂涎欲滴的开发工具
2.丰富的呈现模式(仅客户端、仅服务器、两者都带有 hydration),可在组件和应用程序级别进行配置(AKA, islands, server components 等)
3.越来越完善的类型安全功能(有类型路由、有类型环境配置等)
4.本地视图转换

等等!


期待 Nuxt 团队继续向 Vue 社区(比如 Nuxt 4)以及通过 UnJS 组织向整个开发社区提供有价值的软件。

2024 年充满期待
2024 年期待 Vue 内核和整个生态系统在性能和易用性方面取得进步。这些发展不仅彰显了 Vue 框架不断改进的决心,也标志着它在不断变化的Web 开发环境中日趋成熟及更强地适应性。
用户评论