后台管理系统vue3重构注意事项

前言：这篇文章会分享一些简单的在用 vue3 重构后台管理系统 时所遇到的一些简单的问题

 1.创建3.0项目

1.1. vue-cli:安装并执行 npm init vue@latest

 1.2.项目名称，选择项目功能时：出了第一项名字以外，其他都可以NO

 1.3.cd回到你所创建的项目中 npm i 下 ，完了之后运行一下 npm run dev  此时项目搭建完成

2：关于element框架的一个更新

 

最开始使用的是vue2写的项目，对于element框架随意使用，但此时升级到vue3，所以element框架也会做同样的升级，不然原本的所应有的效果会失效，（Element Plus）

 2.1安装element-plus

# 选择一个你喜欢的包管理器

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

2.2main.js中引入，如图所示

 到此element框架大部分可以继续使用，如遇报错，去官网（Element Plus）详细看是否有变动

3：路由的改变

3.1 安装：npm install vue-router@4

3.2：配置如下图所示：

​

 3.3：main.js中

配置好后，路由既可以正常使用，整体变动不大