vue怎么在表格加一行或者减一行

在Vue.js中，如果你想要在表格（Table）中动态增删行，通常会配合Vue的响应式数据和数组方法来实现。这里有一个简单的例子：

首先，你需要创建一个包含表格数据的数据列表（例如 `items`），并保持它是一个可以push或pop元素的数组：

<template>
  <table>
    <tr v-for="(item, index) in items">
      <!-- 表格内容 -->
      <td>{{ item.column1 }}</td>
      <td>{{ item.column2 }}</td>
      <!-- 添加删除按钮或操作 -->
      <td>
        <button @click="removeItem(index)">删除</button>
        <button @click="addItem()">新增</button>
      </td>
    </tr>
  </table>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { column1: '默认行1', column2: '数据1' },
        { column1: '默认行2', column2: '数据2' },
      ]
    };
  },
  methods: {
    removeItem(index) {
      this.items.splice(index, 1);
    },
    addItem() {
      this.items.push({ column1: '', column2: '' });
    }
  }
};
</script>

在这个例子中，`removeItem` 方法通过数组的 `splice` 方法移除指定索引的行，`addItem` 则通过 `push` 方法在数组末尾添加新行。记得给表单项设置初始值或允许用户输入数据。