12 月 24 日，Vue 2.7.16 正式發(fā)布，版本號為 Swan Song，意為絕唱。這是 Vue 2 的最后一個(gè)版本，該版本修復(fù)了一些已知問題。Vue 2 將于 2023 年 12 月 31 日到達(dá)生命周期終點(diǎn)。屆時(shí)，Vue 官方將不再維護(hù) Vue 2 版本，將把精力全部放在維護(hù) Vue 3 上。本文就來看看 Vue 2 的發(fā)展歷程以及 Vue 2 最后一個(gè)版本的更新內(nèi)容！

Vue 2 發(fā)展歷程

• 2016.10：Vue 2.0 發(fā)布，該版本帶來了性能優(yōu)化、渲染函數(shù)、服務(wù)端渲染和輔助庫的升級等多個(gè)新特性和改進(jìn)。它通過重寫渲染層和智能優(yōu)化處理，提高了性能，并且在開發(fā)模式上提供了更大的靈活性。支持服務(wù)端渲染和流式渲染，同時(shí)輔助庫也得到了升級和支持。
• 2016.11：Vue 2.1 發(fā)布，該版本引入了作用域插槽，允許在子組件中傳遞數(shù)據(jù)給可重用的模板；<keep-alive> 組件可以根據(jù)條件緩存組件；新增了 v-else-if 指令用于條件性渲染；可以在 v-bind 表達(dá)式中使用過濾器進(jìn)行數(shù)據(jù)格式化。
• 2017.2：Vue 2.2 發(fā)布，該版本在使用 v-for 和組件時(shí)需要提供 key 屬性，模板解析器會(huì)對缺少閉合標(biāo)簽的標(biāo)簽報(bào)錯(cuò)，組件的 props 和計(jì)算屬性現(xiàn)在定義在組件原型上以提高性能，錯(cuò)誤處理和全局錯(cuò)誤攔截的改進(jìn)，移除了一些不應(yīng)公開的方法和屬性，以及對 Webpack 2 的適配。新增功能包括服務(wù)器端渲染的改進(jìn)、錯(cuò)誤處理的改進(jìn)、組件 v-model 的自定義選項(xiàng)和 provide、inject 功能。
• 2017.4：Vue 2.3 發(fā)布，該版本主要是服務(wù)器端渲染和組件方面的改進(jìn)。服務(wù)器端渲染方面，現(xiàn)在使用 data-server-rendered 屬性來表示服務(wù)器渲染的標(biāo)記，并支持在模板中進(jìn)行簡單的插值。組件方面，異步組件工廠可以返回一個(gè)包含加載組件、加載中組件和加載失敗組件的對象，而函數(shù)式組件可以省略props選項(xiàng)并自動(dòng)提取屬性。這些改進(jìn)提升了性能和靈活性。
• 2017.7：Vue 2.4 發(fā)布，該版本包括完整的服務(wù)器端渲染和異步組件支持，不再限制在路由級別；更易于創(chuàng)建包裝組件，通過 inheritAttrs 選項(xiàng)關(guān)閉默認(rèn)屬性繼承行為；引入了$attrs和$listeners實(shí)例屬性，方便獲取父級作用域的屬性和監(jiān)聽器。性能改進(jìn)方面，通過優(yōu)化SSR渲染函數(shù)代碼，提高了原始SSR渲染性能；同時(shí)從npm模塊中刪除 src 目錄，減小了安裝時(shí)的下載大小。
• 2017.10：Vue 2.5 發(fā)布，該版本引入了新的錯(cuò)誤處理鉤子函數(shù)、改進(jìn)了模板表達(dá)式錯(cuò)誤消息和選項(xiàng)類型檢查、提供更好的TypeScript類型聲明支持。在函數(shù)式組件方面，優(yōu)化了編譯模板和添加了作用域CSS支持。服務(wù)器端渲染方面改進(jìn)了渲染函數(shù)的返回類型、添加了預(yù)取選項(xiàng)、自動(dòng)移除初始狀態(tài)嵌入腳本等功能。v-model和v-on方面增加了一些便利的修飾符和功能。
• 2019.2：Vue 2.6 發(fā)布，該版本實(shí)現(xiàn)了新的v-slot語法、在函數(shù)式組件中添加了scopedSlots、為生命周期鉤子和v-on處理程序提供了同步和異步錯(cuò)誤處理、支持動(dòng)態(tài)指令參數(shù)、添加了Vue.observable()方法用于創(chuàng)建可觀察對象、在$scopedSlots上暴露了所有普通插槽等。此外，還提到了對性能的改進(jìn)和一些重要的內(nèi)部變更。這些變化和改進(jìn)增強(qiáng)了Vue的功能和性能，并提供了更好的開發(fā)體驗(yàn)。
• 2022.7：Vue 2.7 發(fā)布，該版本主要是向下移植部分 Vue 3 的功能，引入了Composition API、SFC <script setup>和SFC CSS v-bind等功能，同時(shí)支持了defineComponent()、h()、useSlot()等API，并提供了改進(jìn)的類型推斷。此外，還支持了emits選項(xiàng)用于類型檢查，允許在模板表達(dá)式中使用ESNext語法。

Vue 2.7.16 更新日志

• compiler-sfc: 檢查模板引用的使用情況。
• compiler-sfc: 修復(fù)了默認(rèn)重寫的邊界情況。
• keep-alive: 修復(fù)了 keep-alive 內(nèi)存泄漏問題。
• keep-alive: 修復(fù)了內(nèi)存泄漏問題，同時(shí)不影響過渡測試。
• props: 不應(yīng)解構(gòu)作為原始引用的 props。
• shallowReactive: 在 shallowReactive 中設(shè)置已經(jīng)是響應(yīng)式的值時(shí)應(yīng)該跟蹤該值。
• style: 始終設(shè)置新的樣式。
• types: 修復(fù)了 shallowRef 的返回類型。
• types: 修復(fù)了類型擴(kuò)展和 compiler-sfc 類型 w/moduleResolution：bundler。
• types: 為內(nèi)置組件提供類型。
• types: VNodeChildren 的類型應(yīng)該允許數(shù)字類型。
• utils: 在模板中將引用解構(gòu)時(shí)，將其轉(zhuǎn)換為字符串。
• watch: 新屬性的添加應(yīng)該觸發(fā)深層觀察者的 getter。
• 考慮嵌套渲染調(diào)用。
• types: 為了與 v3 對齊，導(dǎo)出更多的類型（JSX / 組件選項(xiàng)）。
• lifecycle: 確保組件 effect 的作用域是獨(dú)立的。