对于前端开发领域来说,Vue.js 的世界在不断快速发展。本文就来尝试预测一下 2024 年 Vue 可能的发展方向。
Vue 2 结束支持
随着 Vue.js 社区不断发展,Vue 2 将于 2023 年 12 月 31 日结束支持,达到生命周期结束(EOL),这标志着更先进版本的到来。
随着这个重要转折的到来,可以预期在明年内可能会大量使用组合式 API、Pinia、可组合函数和TypeScript等现代技术。
Vapor Mode
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 应用中的数据获取和路由。
2023 年即将结束,预计 2024 年 Vue 核心和整个生态系统的性能和易用性都会取得进步!
相关链接
[1]issue: https://github.com/vuejs/core/issues/8952。
[2]RFC: https://github.com/vuejs/rfcs/discussions/460。