欢迎加入Gerapy二次开发教程专栏！
本专栏专为新手开发者精心策划了一系列内容，旨在引领你深入探索Gerapy框架的二次迭代之旅。
本专栏将全面剖析Gerapy与Vue的源码架构，让你从内部了解它们的运作机制。
我们将分享实用的技巧，教你如何有效修复Gerapy中的异常问题，如何在现有基础上添加多样化的功能，以及如何对已有功能进行重构优化。

写在前面

读完本篇博客你可以学习到的知识：

• Vue表单设计与开发
• 加深前后端功能交互开发理解

Vue表单设计与开发

这里我们准备讲解的是用户管理专栏新增与编辑页面开发，参考任务管理专栏，新增页与编辑页的表单应该是一致的，只不过编辑页是知道指定数据的，所以它需要提供原始默认数据。
这里我们将共同的表单内容抽离出子组件，直接参考任务管理专栏代码实现开发即可。

我们先确定表单需要展示填写的字段，这五个是可支持变更的：

1. 用户名
2. 密码
3. 邮箱
4. 工作人员
5. 状态