关于前端框架vue2升级为vue3的相关说明

一些框架需要升级

当前(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
bash 复制代码
vue create vue3-demo
cd vue3-demo
yarn serve
  • 使用 vite 创建:Vue Router+Pinia+Vitest+ESLint+Prettier
bash 复制代码
# 这一指令将会安装并执行 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 都没有变化,但是在迁移你的程序时,你可能会遇到一些破坏性的变化(摘)

vuex迁移说明

几乎所有的 Vuex 4 API 都与 Vuex 3 保持不变。但是,仍有一些非兼容性变更需要注意。(摘)

相关推荐
小程故事多_8011 小时前
拆解SOP+ReAct对话Agent,告别硬编码,解锁智能对话的柔性迭代能力
前端·人工智能·react.js·前端框架
皮卡穆13 小时前
React 中使用 react-org-tree 实现组织结构树
前端·react.js·前端框架
小马过河R14 小时前
微前端实践:从概念、原理到 qiankun 落地
前端·人工智能·前端框架
labixiong14 小时前
写给前端的 Generator 指南:从 yield 到 async/await 的完整进化
前端·javascript·前端框架
gis开发之家14 小时前
《Vue3 从入门到大神32篇》Vue3 源码详解(二):从 GitHub Clone 到断点调试,手把手搭建源码阅读环境
vue.js·前端框架·github·vue3·vue3源码
禅思院15 小时前
AI对话前端从入门到崩溃:一个长对话引发的五层优化战争【六】
前端·架构·前端框架
不吃辣49016 小时前
从0-1学习导航页面布局优化和搭建
ui·平面·前端框架
Highcharts.js1 天前
软件开发公司为什么选择 Highcharts?
前端·前端框架·echarts·数据可视化·技术选型·highcharts·图表工具
Charonmomo1 天前
react/antd - 不能正确打开标签页问题记录
前端·react.js·前端框架
gis开发之家1 天前
vue3直击架构痛点 依赖倒置与接口隔离——打造坚如磐石的插件与高阶组件(HOC)模式
javascript·架构·typescript·前端框架·vue3