Vue 2 的終止支持時間是 2023 年 12 月 31 日。
對于公司項目而言，幾個項目都是基于 vue2 來實現(xiàn)的。但是，為了項目可持續(xù)運行，總得想想如何升級到 vue3。
vue3 全家桶
- 框架庫要從 vue2.x 升級到 vue3
- 構(gòu)建工具要從 vue-cli（webpack）升級到 vite。
- 路由需要升級到最新的 vue-router
- 狀態(tài)管理器可以使用最新的 vuex，后續(xù)遷移到 pinia
- 組件庫也需要升級到 vue3 的版本。
- 網(wǎng)絡(luò)請求可以依舊可以用 axios。
升級的一些思路
- 由于項目內(nèi)容很多，所以不要一下子就上破壞性的改動升級
- 使用 JavaScript （后續(xù)再考慮 TS，改動太大）
- 使用 vuex 和 vue-router 的升級版（避免 pinia，改動太大）
- 使用 element 的升級版，還有不少類似庫的 vue3 升級版。
- 使用選項式 API（后續(xù)再用組合式 API，改動太大）
升級思路
簡單來說就是：
- 改動要小，逐步升級。
- 在新建項目中升級，不能影響現(xiàn)有功能。
- 按照 https://v3-migration.vuejs.org/zh/breaking-changes/ 文檔進行逐條修改。
- 全局測試
- 對部分老功能和新功能使用全新 API 來做。
各種庫的升級
目前各種支持 vue3 的庫都會有遷移指南，逐步實現(xiàn)就可以了。
