未来的 Vue.js!

77 阅读3分钟

vue.js.png

像前端开发的其他领域一样,Vue 的发展也日新月异。2024 年我们对 Vue.js 有哪些期待?在本文中将分享 2024 年 Vue 带来的一些最新进展和预测。

Vue 2 已于 2023年12月31日停止维护(EOL)。这一变化标志着 Vue 向更高版本的转变。作为开发者的我们,应该注重升级技能和应用程序的必要性。

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

Vue Vapor 模式

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

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

视频:

性能改进

前端框架的主要关注点历来都是性能。2024 年也不例外。

尤雨溪在 2023 ViteConf 大会上宣布将开发一个名为 Rolldown 的 Rollup 替代工具。

Rolldown 基于 Rust 开发,注重性能,尽力与 Rollup 兼容,并计划加快已经性能超级快的 Vue 构建工具 Vite 的速度。

2023年12月31日,尤雨溪同步最新进展,Rolldown 原计划在今年开放代码库,但将推迟到 2024 年第一季度。

2024年03月08日,Rolldown 正式宣布开源 🎉🎉🎉,不到一天,Github star 数已到 2.5k。终于等到你!

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

新的和巩固的功能

Vue.js 拥有各种新的和现有的实验功能,这些功能很可能在 2024 年成为框架的稳定新增功能。以下这些都不是确定的事情,但到年底至少会看到其中大部分:

  • v-modeldetails<dialog> 元素,这将使绑定数据和更新 UI 变得更容易。
  • Stable defineModel:稳定的 defineModel 的引入将提供一些简洁的语法糖来处理一些略显冗长的常见用例。从 Vue 3.4 开始,我们可以使用宏 defineModel,这大大简化了过程。
  • Stable Suspense Component:这个组件已经带着试验性标签使用了相当长的时间。在流行的 Nuxt 3 框架中的广泛应用,在不久的将来几乎不会有太多变化,所以预计它很快会达到稳定阶段。
  • Conditional Props:条件 Props 的潜在引入可能为组件提供更具表现力和灵活性的 TypeScript 支持。
  • Vue Router Data Loaders:众多有关 Vue Router 数据加载器的讨论表明正在努力简化 Vue 应用程序中的数据获取和路由。

2024充满期待!

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