vue页面同时两个表单回显

在Vue中，如果你想在同一个页面上同时回显两个表单的数据，你可以采用以下步骤实现：

1. 定义两个数据对象，每个对象对应一个表单的字段和初始值。
2. 在模板中为每个表单创建对应的输入元素，并绑定到对应的数据对象上。
3. 使用Vue的指令（如`v-model`）来实现数据的双向绑定，这样表单的数据变化会实时反映到数据对象上，反之亦然。

下面是一个简单的例子：

<div id="app">
  <!-- 表单1 -->
  <form>
    <label for="name1">表单1: 名称</label>
    <input type="text" id="name1" v-model="formData1.name">
  </form>
  
  <!-- 表单2 -->
  <form>
    <label for="name2">表单2: 名称</label>
    <input type="text" id="name2" v-model="formData2.name">
  </form>
  
  <!-- 显示两个表单的数据 -->
  <p>表单1回显: {{ formData1.name }}</p>
  <p>表单2回显: {{ formData2.name }}</p>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    formData1: {
      name: ''
    },
    formData2: {
      name: ''
    }
  }
});
</script>

在这个例子中，`formData1` 和 `formData2` 分别是两个表单对应的数据对象。每个表单中的`<input>`元素都使用了`v-model`指令与相应的数据对象属性进行双向绑定。当用户在任一表单中输入信息时，相关的数据对象属性会更新，同时页面上绑定到这些属性的显示也会更新，实现回显效果。