Vue3.0 重构Vue2.0后台管理项目

写在前面

后台管理项目是我们学习和工作中遇到的一种比较常见项目，如果你已经熟悉了用Vue2.0来构建它，不如跟随作者的脚步，用Vue3.0来重构一下这个项目，顺便巩固一下之前的知识吧。

项目效果预览

开始重构

步骤1 新建Vue3.0项目

这里我是选择使用 Vite 创建项目，感兴趣的小伙伴也可以使用vue-cli的方式创建。

命令提示符里执行 ： npm init vite-app project-name // 项目名
​ cd your-project-name // 进入对应路径
​ npm install //安装依赖node_modules
​ npm run dev // 运行项目