deleteRow(index, rows) { rows.splice(index, 1) },动态删除

如果需要动态删除，可以使用 Vue 的响应式特性，将 rows 数组作为 data 中的一个属性，然后在删除操作时，直接对 rows 进行修改，Vue 会自动更新视图。具体实现如下：

<template>
  <div>
    <table>
      <tr v-for="(row, index) in rows" :key="index">
        <td>{{ row.name }}</td>
        <td>{{ row.age }}</td>
        <td><button @click="deleteRow(index)">删除</button></td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      rows: [
        { name: '张三', age: 20 },
        { name: '李四', age: 21 },
        { name: '王五', age: 22 }
      ]
    }
  },
  methods: {
    deleteRow(index) {
      // 直接对 rows 数组进行修改
      this.rows.splice(index, 1);
    }
  }
}
</script>

在这个例子中，我们将 rows 数组作为 data 中的一个属性，然后在删除操作中，直接对 rows 数组进行修改，Vue 会自动更新视图，从而实现了动态删除的效果。

需要注意的是，如果使用 Vue 的响应式特性，不要直接修改数组中的元素，而是应该使用 Vue 提供的方法（如 splice、push、pop 等）来进行数组的修改，这样才能保证数据的响应式更新。