Vue实现添加数据到二维数组并显示

针对“Vue实现添加数据到二维数组并显示”的问题，我可以提供以下完整攻略：

步骤一：创建Vue实例

首先，我们需要创建Vue实例并定义数据。这里我提供一个简单的示例：

<div id="app">
  <button @click="addData">添加数据</button>
  <table>
    <thead>
      <tr>
        <th>名称</th>
        <th>年龄</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(item,index) in dataList" :key="index">
        <td>{{item.name}}</td>
        <td>{{item.age}}</td>
      </tr>
    </tbody>
  </table>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    dataList: [
      {name: '张三', age: 18},
      {name: '李四', age: 20},
      {name: '王五', age: 22},
    ]
  },
  methods: {
    addData() {
      // 添加数据到dataList中，并且将新数据的name和age清空
      this.dataList.push({name: '', age: ''});
    }
  }
})
</script>

这是一个比较简单的Vue实例，我们的目标是在点击“添加数据”按钮时向dataList数组中添加一条数据，并且在页面上能够展示出来。

步骤二：添加数据到二维数组中

接下来，我们需要修改addData()方法，使其能够向二维数组中添加数据。这里我提供一个示例：

methods: {
  addData() {
    this.dataList.push(['', '']);
  }
}

这是一个比较简单的示例，我们向dataList数组中添加一个长度为2的数组。

步骤三：显示二维数组中的数据

最后一个步骤是将二维数组中的数据展示出来。这里我提供一个示例：

<tbody>
  <tr v-for="(row, rowIndex) in dataList" :key="rowIndex">
    <td v-for="(col, colIndex) in row" :key="colIndex">
      <input type="text" v-model="dataList[rowIndex][colIndex]">
    </td>
  </tr>
</tbody>

这是一个比较完整的示例，我们在页面上通过v-for指令遍历dataList数组，然后在每个格子中展示一个文本框，文本框的值为dataList[rowIndex][colIndex]，也就是二维数组中某个元素的值。

另外，我们还需要将addData()方法中添加数据的长度改为2，具体代码如下：

methods: {
  addData() {
    this.dataList.push(['', '']);
  }
}

至此，我们就完成了“Vue实现添加数据到二维数组并显示”的完整攻略。