就像前端開發(fā)世界的其他部分一樣，Vue 世界發(fā)展得很快。在這篇文章中，我想了解一下 Vue 的現(xiàn)狀，并分享我對(duì) 2024 年發(fā)展趨勢(shì)的預(yù)測(cè)。

Vue 2 生命周期結(jié)束

隨著 Vue.js 社區(qū)的不斷發(fā)展，2024 年標(biāo)志著 Vue 2 生命周期的結(jié)束，這是一個(gè)重大轉(zhuǎn)變。這一轉(zhuǎn)變標(biāo)志著向更高級(jí)版本的轉(zhuǎn)變，強(qiáng)調(diào)開發(fā)人員需要升級(jí)其技能和應(yīng)用程序。

有了這個(gè)里程碑，預(yù)計(jì)組合 API、Pinia、可組合項(xiàng)和 TypeScript 今年將在 Vue 應(yīng)用程序中大量使用。

Vue Vapor 模式

Vue 生態(tài)系統(tǒng)中最令人興奮的發(fā)展之一是“Vapor 模式”的引入。Evan 在 2022 年底首次宣布了 Vapor 模式。雖然現(xiàn)在不可能在 2023 年發(fā)布，但 2024 年發(fā)布的前景看起來不錯(cuò)。

對(duì)于那些不熟悉 Vapor 模式的人來說，這項(xiàng)創(chuàng)新旨在刪除虛擬 DOM，以提高性能，同時(shí)使用組合 API 維護(hù)當(dāng)前的 script setup 語法。

Vue 證書

2023 年，Vue School 與 Vue 核心團(tuán)隊(duì)合作，推出了官方 Vue.js 認(rèn)證計(jì)劃。今年，國(guó)際上已有 2000 名開發(fā)者和公司購(gòu)買了該證書。已有 157 名開發(fā)者通過考試并獲得正式認(rèn)證。更多人報(bào)名參加考試，而其他人則正在學(xué)習(xí)以完成第二次嘗試。

到 2024 年，我們預(yù)計(jì)該計(jì)劃將繼續(xù)受歡迎，因?yàn)樵摽荚嚍殚_發(fā)人員提供了一個(gè)值得信賴的途徑，向潛在雇主驗(yàn)證他們的技能，同時(shí)公司可以簡(jiǎn)化招聘流程并對(duì)新員工更有信心。

如果您不是尚未獲得認(rèn)證的 157 人之一，并且正在找工作，您應(yīng)該認(rèn)真考慮參加考試，將其作為在競(jìng)爭(zhēng)中脫穎而出的一種方式。

性能改進(jìn)

歷史上，前端框架的主要關(guān)注點(diǎn)一直是性能。2024 年也不會(huì)有什么不同。

Evan 最近宣布開發(fā) Rust 的 Rollup 端口，稱為 Rolldown。它專注于與 Rollup 盡力兼容的性能，并計(jì)劃加速已經(jīng)超快的 Vue 構(gòu)建工具：Vite。

Vue.js 也有望繼續(xù)提高核心庫(kù)的速度和性能。其中一項(xiàng)功能就是作為定義同步組件（defineAsyncComponent）的一個(gè)選項(xiàng)，加入了懶惰水合（lazy hydration）功能。

新功能和增強(qiáng)功能

Vue.js 有各種新的和現(xiàn)有的實(shí)驗(yàn)功能，這些功能很可能在 2024 年成為框架的穩(wěn)定新增功能。以下功能都不是萬無一失的，但我敢打賭，到今年年底，你至少會(huì)看到其中的大部分：

• 一個(gè)穩(wěn)定的 defineModel： 正如這篇博文所討論的，引入穩(wěn)定的 defineModel 提供了一些很好的語法糖分，以解決稍顯冗長(zhǎng)的常見用例。我們期待在 2024 年看到它松動(dòng)實(shí)驗(yàn)標(biāo)簽。
• 穩(wěn)定的 Suspense 組件： 這個(gè)組件貼上實(shí)驗(yàn)標(biāo)簽已經(jīng)有一段時(shí)間了。在流行的 Nuxt 3 元框架中的廣泛使用應(yīng)能確保在未來很少發(fā)生變化，因此我預(yù)計(jì)它很快就會(huì)進(jìn)入穩(wěn)定階段。
• 條件 Props：正如本期所建議的，條件 Props 的潛在引入可以為組件提供更具表現(xiàn)力和靈活性的 TypeScript 支持。
• Vue 路由數(shù)據(jù)加載器： 圍繞 Vue 路由器數(shù)據(jù)加載器的討論表明，人們正在努力簡(jiǎn)化 Vue 應(yīng)用程序中的數(shù)據(jù)獲取和路由。

Nuxt

Nuxt 3 發(fā)布測(cè)試版已有一年時(shí)間，它對(duì)全棧的關(guān)注使其成為許多 Vue.js 開發(fā)人員的首選工具。今年，它以驚人的速度發(fā)布了新功能，包括

• Nuxt devtools - 即使是非 Vue 開發(fā)人員也會(huì)垂涎欲滴的開發(fā)工具。
• 豐富的渲染模式（僅客戶端模式、僅服務(wù)器模式、混合模式），可在組件和應(yīng)用程序級(jí)別進(jìn)行配置。(又稱島嶼、服務(wù)器組件等）
• 不斷改進(jìn)類型安全功能（類型化路由、類型化環(huán)境配置等等）
• 原生視圖轉(zhuǎn)換
• 還有更多。。。

一定要期待 Nuxt 團(tuán)隊(duì)繼續(xù)向 Vue 社區(qū)（我聽說有關(guān)于 Nuxt 4 的傳聞）以及通過 UnJS 組織向整個(gè)開發(fā)社區(qū)提供有價(jià)值的軟件。

2023 年即將過去，2024 年前景看好！期待 Vue 內(nèi)核和整個(gè)生態(tài)系統(tǒng)在性能和易用性方面的進(jìn)步。這些發(fā)展不僅彰顯了 Vue 框架不斷改進(jìn)的決心，也標(biāo)志著它在不斷變化的 Web 開發(fā)環(huán)境中日趨成熟和適應(yīng)性更強(qiáng)。