一些框架需要升級
當(dāng)前（202306） Vue 的最新穩(wěn)定版本是 v3.3.4。Vue 框架升級為最新的3.0版本，涉及的相關(guān)依賴變更有：
-
前提條件：已安裝 16.0 或更高版本的Node.js（摘）
-
必須的變更：核心庫vue@2>3、路由vue-router@3>4、狀態(tài)管理vuex@3>4
-
構(gòu)建工具鏈: Vue CLI > Vite（摘）
-
狀態(tài)管理: Vuex > Pinia， Pinia 是作為 Vuex 5 的雛形而創(chuàng)建的（摘）
-
IDE 支持: Vetur > Volar（摘）
-
Vue CLI是官方提供的基于 Webpack 的 Vue 工具鏈，它現(xiàn)在處于維護模式。我們建議使用 Vite 開始新的項目，除非你依賴特定的 Webpack 的特性；（摘）
-
更詳細框架變更與推薦，可訪問 vue3 離線文檔；
創(chuàng)建 vue3 項目
雖然 Vue CLI 也已升級以支持 Vue 3，但它現(xiàn)在處于維護狀態(tài)，不再推薦用于新項目。有關(guān)從 Vue CLI 遷移到 Vite 的信息；（摘）
- 通過vue/cli@5 創(chuàng)建：Vue Router+Vuex+Sass+Jest+ESLint+Prettier
vue create vue3-demo
cd vue3-demo
yarn serve
- 使用 vite 創(chuàng)建：Vue Router+Pinia+Vitest+ESLint+Prettier
# 這一指令將會安裝并執(zhí)行 create-vue，它是 Vue 官方的項目腳手架工具
# 生成的項目中的示例組件使用的是組合式 API 和 <script setup>，而非選項式 API
npm init vue@latest
cd vue3_vite
npm install
npm run format
npm run dev
vue-router遷移說明
在 Vue Router API 從 v3（Vue2）到 v4（Vue3）的重寫過程中，大部分的 Vue Router API 都沒有變化，但是在遷移你的程序時，你可能會遇到一些破壞性的變化（摘）文章來源：http://www.zghlxwxcb.cn/news/detail-616170.html
vuex遷移說明
幾乎所有的 Vuex 4 API 都與 Vuex 3 保持不變。但是，仍有一些非兼容性變更需要注意。（摘）文章來源地址http://www.zghlxwxcb.cn/news/detail-616170.html
到了這里，關(guān)于關(guān)于前端框架vue2升級為vue3的相關(guān)說明的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
