2024 年 Vue.js 會發生什么?
就像前端開發世界的其他部分一樣,Vue 世界發展得很快。在這篇文章中,我想了解一下 Vue 的現狀,并分享我對 2024 年發展趨勢的預測。
Vue 2 生命周期結束
隨著 Vue.js 社區的不斷發展,2024 年標志著 Vue 2 生命周期的結束,這是一個重大轉變。這一轉變標志著向更高級版本的轉變,強調開發人員需要升級其技能和應用程序。
有了這個里程碑,預計組合 API、Pinia、可組合項和 TypeScript 今年將在 Vue 應用程序中大量使用。
Vue Vapor 模式
Vue 生態系統中最令人興奮的發展之一是“Vapor 模式”的引入。Evan 在 2022 年底首次宣布了 Vapor 模式。雖然現在不可能在 2023 年發布,但 2024 年發布的前景看起來不錯。
對于那些不熟悉 Vapor 模式的人來說,這項創新旨在刪除虛擬 DOM,以提高性能,同時使用組合 API 維護當前的 script setup 語法。
Vue 證書
2023 年,Vue School 與 Vue 核心團隊合作,推出了官方 Vue.js 認證計劃。今年,國際上已有 2000 名開發者和公司購買了該證書。已有 157 名開發者通過考試并獲得正式認證。更多人報名參加考試,而其他人則正在學習以完成第二次嘗試。
到 2024 年,我們預計該計劃將繼續受歡迎,因為該考試為開發人員提供了一個值得信賴的途徑,向潛在雇主驗證他們的技能,同時公司可以簡化招聘流程并對新員工更有信心。
如果您不是尚未獲得認證的 157 人之一,并且正在找工作,您應該認真考慮參加考試,將其作為在競爭中脫穎而出的一種方式。
性能改進
歷史上,前端框架的主要關注點一直是性能。2024 年也不會有什么不同。
Evan 最近宣布開發 Rust 的 Rollup 端口,稱為 Rolldown。它專注于與 Rollup 盡力兼容的性能,并計劃加速已經超快的 Vue 構建工具:Vite。
Vue.js 也有望繼續提高核心庫的速度和性能。其中一項功能就是作為定義同步組件(defineAsyncComponent)的一個選項,加入了懶惰水合(lazy hydration)功能。
新功能和增強功能
Vue.js 有各種新的和現有的實驗功能,這些功能很可能在 2024 年成為框架的穩定新增功能。以下功能都不是萬無一失的,但我敢打賭,到今年年底,你至少會看到其中的大部分:
- 一個穩定的 defineModel: 正如這篇博文所討論的,引入穩定的 defineModel 提供了一些很好的語法糖分,以解決稍顯冗長的常見用例。我們期待在 2024 年看到它松動實驗標簽。
- 穩定的 Suspense 組件: 這個組件貼上實驗標簽已經有一段時間了。在流行的 Nuxt 3 元框架中的廣泛使用應能確保在未來很少發生變化,因此我預計它很快就會進入穩定階段。
- 條件 Props:正如本期所建議的,條件 Props 的潛在引入可以為組件提供更具表現力和靈活性的 TypeScript 支持。
- Vue 路由數據加載器: 圍繞 Vue 路由器數據加載器的討論表明,人們正在努力簡化 Vue 應用程序中的數據獲取和路由。
Nuxt
Nuxt 3 發布測試版已有一年時間,它對全棧的關注使其成為許多 Vue.js 開發人員的首選工具。今年,它以驚人的速度發布了新功能,包括
- Nuxt devtools - 即使是非 Vue 開發人員也會垂涎欲滴的開發工具。
- 豐富的渲染模式(僅客戶端模式、僅服務器模式、混合模式),可在組件和應用程序級別進行配置。(又稱島嶼、服務器組件等)
- 不斷改進類型安全功能(類型化路由、類型化環境配置等等)
- 原生視圖轉換
- 還有更多。。。
一定要期待 Nuxt 團隊繼續向 Vue 社區(我聽說有關于 Nuxt 4 的傳聞)以及通過 UnJS 組織向整個開發社區提供有價值的軟件。
2023 年即將過去,2024 年前景看好!期待 Vue 內核和整個生態系統在性能和易用性方面的進步。這些發展不僅彰顯了 Vue 框架不斷改進的決心,也標志著它在不斷變化的 Web 開發環境中日趨成熟和適應性更強。