vue项目中点击按钮事件为input框中添加数据，多次添加并换行

可以通过以下步骤实现：

1. 在 Vue 组件中定义一个数组，用于存储输入框中添加的数据，比如 `data: {inputData: []}`。

2. 在输入框中绑定一个 `v-model` 指令，将输入框中的值绑定到一个变量上，比如 `v-model="inputValue"`。

3. 在添加按钮的点击事件中，将输入框中的值添加到数组中，例如：

   addInputData() {
     this.inputData.push(this.inputValue);
   }

4. 在页面中使用 `v-for` 指令遍历数组，将数组中的每个元素渲染到页面上，例如：

   <div v-for="(item, index) in inputData" :key="index">{{ item }}</div>

5. 为了实现多次添加并换行的效果，可以在元素外面包裹一个 `div`，并为这个 `div` 设置一个固定的宽度，例如：

   <div style="width: 200px;">
     <div v-for="(item, index) in inputData" :key="index">{{ item }}</div>
   </div>

这样，当添加的数据超过了 `200px` 的宽度时，就会自动换行显示。