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

一、添加和修改

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

今天给小伙伴们推荐一款强大的Vue可自由拖拽表单设计器组件。

vue-form-making 基于vue.js简单高效的表单设计器组件，star高达3.3K+。简单拖拽即可进行表单设计，可生成/导出json及代码，支持i18n国际化。

功能特性

• 可视化配置页面
• 基于vue2.0桌面端组件库Element-UI

作者：xrkffgg

转发链接：
https://segmentfault.com/a/1190000018993619

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

这是一篇什么文章？

一篇你对测试开发工作感兴趣，想了解系统工作逻辑的文章。

Vue 技术栈(全家桶)

尚硅谷前端研究院

第 1 章：Vue 核心

• Vue 简介官网英文官网: https://vuejs.org/中文官网: https://cn.vuejs.org/

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

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

老规矩，先看效果图

一，快速创建vue项目