Vue.js Vue Js：重用表单组件进行添加/编辑操作

我想对一个实体进行添加和编辑操作。两个添加/编辑表单上都有相同的字段。所以我想问，我可以将表单作为一个单独的组件，并在add.vue和edit.vue中使用它吗？在VueJS中，这是做这类事情的最佳方式吗

---

我问这个问题是因为我访问了互联网上的许多代码，这些代码的作者没有遵循这种方法，他们正在为添加/编辑制作单独的表单。

确保两种操作都可以使用相同的组件。

---

您只需要处理数据流（调用正确的api/graphql突变/表单操作）

确保两个操作可以使用相同的组件。

---

您只需处理数据流（调用正确的api/graphql突变/表单操作）

如果表单的大多数组件不相同，请在form.vue和add.vue edit.vue中使用它。如果可重用，请创建一个基本组件

---

确保正确控制数据/状态。

如果表单的大多数组件不相同，请在form.vue和add.vue edit.vue中使用它。如果可重用，请创建一个基本组件

---

确保正确控制数据/状态。

您应该使用一个组件，因为您不想重复代码。传递实体的id是至关重要的。如果后端接收到没有ID的实体，那么它知道这是添加操作（在数据库中执行插入）。如果设置了ID，那么后端知道它必须更新。

您应该使用一个组件，因为您不想重复代码。传递实体的id是至关重要的。如果后端接收到没有ID的实体，那么它知道这是添加操作（在数据库中执行插入）。如果设置了ID，那么后端知道它必须更新