2024 年 Vue 发展预测

Original gz 前端充电宝 2023-12-28

对于前端开发领域来说，Vue.js 的世界在不断快速发展。本文就来尝试预测一下 2024 年 Vue 可能的发展方向🤔。

Vue 2 结束支持

随着 Vue.js 社区不断发展，Vue 2 将于 2023 年 12 月 31 日结束支持，达到生命周期结束（EOL），这标志着更新进版本的到来。

随着这个重要转折的到来，可以预期在明年内可能会大量使用组合式 API、Pinia、可组合函数和TypeScript等现代技术。

Vue Vapor Mode 是 Vue 生态系统中最令人激动的发展之一。尤雨溪在 2022 年底的文章中首次宣布了 Vapor Mode。虽然最初预计在 2023 年发布，但看起来要到 2024 年才能发布了，目前 Vue 团队正在积极开发 Vapor Mode 中。

Vapor Mode 旨在通过去除虚拟 DOM 来提高性能，同时保持当前脚本设置语法与组合式API的兼容性。该功能可以选择在组件或应用程序级别启用。如果想深入了解 Vapor Mode 的功能和影响，可以阅读这篇文章：《即将到来的 Vue 3 “Vapor Mode”》。

前端框架的一个重要关注点就是性能。尤雨溪最近宣布正在开发一个名为 Rolldown 的 Rust 版 rollup 工具。该工具专注于性能，并致力于与 Rollup 保持最佳兼容性，预计将加速已经非常快速的Vue构建工具Vite。

预计 Vue.js 在核心库方面的速度和性能也将继续提升。其中一个特性就是作为定义异步组件选项的懒加载水合。这些改进将进一步提升 Vue.js 的性能和用户体验。

Vue.js 有许多新的和现有的实验性功能，很可能在2024年添加到稳定的版本中。虽然以下功能并不确定，但预计至少会有大部分会在年底之前实现：

在<dialog>和<details>元素上使用v-model：使数据绑定和更新UI更加便捷。
稳定的defineModel ：引入稳定的defineModel，其提供了一些语法糖，以简化常见但略显冗长的用例。预计在2024年，它将达到稳定阶段。
稳定的Suspense组件：这个组件已经有一段时间保持实验状态了。在流行的Nuxt 3元框架中广泛使用后，未来的变动应该很小，因此预计它将很快达到稳定阶段。
条件属性：根据这个 issue^[1] 的建议，有可能会引入条件属性，为组件提供更具表现力和灵活性的TypeScript支持。
Vue Router 数据加载器：根据这个 RFC^[2] 中的讨论，可以看出Vue路由器数据加载器的讨论正在进行，其旨在简化 Vue 应用中的数据获取和路由。