歡迎加入Gerapy二次開發教程專欄！
本專欄專為新手開發者精心策劃了一系列內容，旨在引領你深入探索Gerapy框架的二次迭代之旅。
本專欄將全面剖析Gerapy與Vue的源碼架構，讓你從內部了解它們的運作機制。
我們將分享實用的技巧，教你如何有效修復Gerapy中的異常問題，如何在現有基礎上添加多樣化的功能，以及如何對已有功能進行重構優化。

寫在前面

讀完本篇博客你可以學習到的知識：

• Vue表單設計與開發
• 加深前后端功能交互開發理解

Vue表單設計與開發

這里我們準備講解的是用戶管理專欄新增與編輯頁面開發，參考任務管理專欄，新增頁與編輯頁的表單應該是一致的，只不過編輯頁是知道指定數據的，所以它需要提供原始默認數據。
這里我們將共同的表單內容抽離出子組件，直接參考任務管理專欄代碼實現開發即可。

我們先確定表單需要展示填寫的字段，這五個是可支持變更的：

1. 用戶名
2. 密碼
3. 郵箱
4. 工作人員
5. 狀態