vue 点击按钮添加数据

要在Vue中点击按钮添加数据，可以使用Vue的事件绑定和数组操作方法。根据提供的代码，可以这样实现：

1. 首先，在Vue的data选项中定义一个数组变量，用于存储要添加的数据，例如list:['']。
2. 在Vue的methods选项中定义一个方法，用于在按钮点击时向数组中添加数据。可以使用数组的push方法，例如say()方法：this.list.push('')。
3. 在模板中添加一个按钮，通过@click绑定到say()方法，当按钮被点击时，say()方法会被调用，从而向数组中添加数据。

以下是实现上述功能的代码示例：

<template>
  <ul id="boxs">
    <li v-for="(item, index) in list" :key="index">
      <input type="checkbox" value="" />
      <input type="text" />
      <input type="button" value="-" @click="re" />
      <input type="button" value=" " @click="say" v-if="index == list.length - 1" />
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      list: ['']
    }
  },
  methods: {
    say() {
      this.list.push('')
    },
    re() {
      this.list.pop('')
    }
  }
}
</script>

在以上代码中，点击按钮时，会调用say()方法，向list数组中添加一个空字符串元素。这样每次点击按钮，就会在数组中添加一个数据。