用vue3重构后台管理项目

1.确认脚手架

vue2升级到vue3是要重新构建脚手架的（有两种方式）

第一种 ：vue-cli : 安装并执行 npm init vue@latest

        选择项目功能时： 除了第一项的项目名字外，其他可以暂时No

        cd <your-project-name>

        npm install

        npm run dev ：运行

        npm run build: 打包 (生成一个dist文件夹)

  第二种： vite: 使用vite 体验更快速

        npm init vite-app <project-name>

        cd <your-project-name>

        npm install

        npm run dev

2.要下载的插件

element-plsu是element-ui对应vue3.0版本所以需要重新安装 element-plsu

并且在在main.js中引入

安装完成和引用完成就可以使用了

3.代码的重构

里面注释的部分是vue2的写法

vue3里面路径不能用绝对路径@来进行引入

import { getInfo, info, infoDelete } from "@/api/api.js";

只能用相对路径../来进行 引入

import { getInfo, info, infoDelete } from "../../api/api.js";