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

Vue 2 發展歷程

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

Vue 2.7.16 更新日志

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