vue中点击按钮添加一个input，并在每个input上自动绑定双向绑定数据

可以通过以下步骤实现：

1. 在 Vue 的数据中定义一个数组，用于存储添加的 input 值，例如 `inputs: []`。

2. 在模板中添加一个按钮，用于添加新的 input。点击按钮时，调用 `addInput` 方法。

<template>
  <div>
    <button @click="addInput">添加</button>
    <div v-for="(input, index) in inputs" :key="index">
      <input v-model="input.value">
    </div>
  </div>
</template>

3. 在 Vue 实例中定义 `addInput` 方法，用于向 `inputs` 数组中添加新的 input 对象。

<script>
  export default {
    data() {
      return {
        inputs: []
      };
    },
    methods: {
      addInput() {
        this.inputs.push({ value: "" });
      }
    }
  };
</script>

4. 现在每次点击按钮，都会在页面中添加一个新的 input，且这个 input 会自动绑定到 `inputs` 数组中最后一个对象的 `value` 属性上。

这样就实现了点击按钮添加 input 并自动绑定双向绑定数据的功能。