Vuejs2 如何在Vue 2中重用模板？

我有两个表单（添加和编辑）。两种表单中的所有字段都完全相同（即模板相同）。这两个表格都可以通过各自的按钮从主页访问。如何将单个Vue模板重新用于添加表单以及编辑表单

---

我正在用TypeScript编写基于类的组件。

您可以创建一个名为

customform

的组件，然后声明将传递到组件中的道具，以指定它是什么类型（编辑表单，创建表单），然后在表单内编写逻辑，如下所示：

<customForm :edit="true" :create="false" :data="data"></customForm>

然后在表单组件中：

<template>
  <form class="customform">
    <div class="row">
      <label>Email: </label><input type="text" value="{{data.email || ''}}">
    </div>
  </form>
</template>

<script>
export default {
  props: {
    edit: {
      type: Boolean,
      default: false
    },
    create: {
      type: Boolean,
      default: false
    },
    data: {}
  }
}
</script>

电邮：
导出默认值{
道具：{
编辑：{
类型：布尔型，
默认值：false
},
创建：{
类型：布尔型，
默认值：false
},
数据：{}
}
}

想法是能够使用道具呈现表单（例如，如果“编辑”为真，则必须插入值并更改表单的操作；如果“创建”，则字段的值将为空，操作将不同……等等）