一些框架需要升级
当前(202306) Vue 的最新稳定版本是 v3.3.4。Vue 框架升级为最新的3.0版本,涉及的相关依赖变更有:
-
前提条件:已安装 16.0 或更高版本的Node.js(摘)
-
必须的变更:核心库vue@2>3、路由vue-router@3>4、状态管理vuex@3>4
-
构建工具链: Vue CLI > Vite(摘)
-
状态管理: Vuex > Pinia, Pinia 是作为 Vuex 5 的雏形而创建的(摘)
-
IDE 支持: Vetur > Volar(摘)
-
Vue CLI是官方提供的基于 Webpack 的 Vue 工具链,它现在处于维护模式。我们建议使用 Vite 开始新的项目,除非你依赖特定的 Webpack 的特性;(摘)
-
更详细框架变更与推荐,可访问 vue3 离线文档;
创建 vue3 项目
虽然 Vue CLI 也已升级以支持 Vue 3,但它现在处于维护状态,不再推荐用于新项目。有关从 Vue CLI 迁移到 Vite 的信息;(摘)
- 通过vue/cli@5 创建:Vue Router+Vuex+Sass+Jest+ESLint+Prettier
vue create vue3-demo
cd vue3-demo
yarn serve
- 使用 vite 创建:Vue Router+Pinia+Vitest+ESLint+Prettier
# 这一指令将会安装并执行 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 都没有变化,但是在迁移你的程序时,你可能会遇到一些破坏性的变化(摘)文章来源:https://www.toymoban.com/news/detail-616170.html
vuex迁移说明
几乎所有的 Vuex 4 API 都与 Vuex 3 保持不变。但是,仍有一些非兼容性变更需要注意。(摘)文章来源地址https://www.toymoban.com/news/detail-616170.html
到了这里,关于关于前端框架vue2升级为vue3的相关说明的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!