此篇幅比较长，涉及到的小知识点也比较多，一定要耐心看完，记住学东西没有耐心可不行！！！

一、添加和修改

注：添加和编辑用到了同一个组件，也就是此篇文章你能学会如何封装组件及引用组件；第二能学会async和await；第三父向子传递数据props和子向父传递数据$emit()；

今天再给大家分享一款超不错的Vue中后台管理系统Vue3Admin。

vue3-admin 基于VueCli4+Ts+ElementUI构建的后台系统。采用组件化开发模式及Flex布局

Element UI 和

沉默是金，总会发光

如果您对源码&技术感兴趣，请点赞+收藏+转发+关注，大家的支持是我分享最大的动力！！！

项目介绍

Vue3出来好久了，我开发的项目还在使用Vue2框架，一般情况下不考虑升级，但是最近需要接入工作流程引擎之类的，看了下Vue2生态下操作空间不是很好，那索性尝试升级Vue3吧。一番操作下来，升级成功，目前没有发现什么异常。其中Deepseek是很好的工具，借助Deepseek让我重构代码省了不少事，不过我是手动操作的，遇到问题就问AI，并不是自动化完成，那么分享一下我的经验。

# 环境依赖
@vue/cli  4.0.5
vue  2.6.10"
element-ui  2.13.0
babel-plugin-component  1.1.1

获课：97java.xyz/119/

利用Vue3前沿技术，构建高效企业级后台管理系统

上一节已经教大家如何创建一个vue项目，这一节，我们就温故下vue项目的创建，顺便引入element，实现一个简答的登陆页面。

老规矩，先看效果图

一，快速创建vue项目