横着的表格应该怎么写vue

在Vue中，我们可以使用`v-for`指令来生成一个横向表格。

首先，我们需要创建一个包含表格数据的Vue实例。这个实例需要包含一个数组，数组的每个元素代表一个表格行。每个表格行可以再包含一个数组，数组的每个元素代表该行的每个单元格的数据。

假设我们有一个包含以下数据的Vue实例：

new Vue({
  el: '#app',
  data: {
    tableData: [
      ['姓名', '年龄', '性别'],
      ['张三', 20, '男'],
      ['李四', 25, '女'],
      ['王五', 30, '男']
    ]
  }
})

然后，在HTML代码中，我们可以使用`v-for`指令生成表格的行和单元格。我们可以使用`<table>`标签来创建表格，使用`<tr>`标签来创建行，使用`<td>`标签来创建单元格。

<div id="app">
  <table>
    <tr v-for="row in tableData">
      <td v-for="cell in row">{{ cell }}</td>
    </tr>
  </table>
</div>

在上面的代码中，我们使用两个嵌套的`v-for`指令。外部的`v-for`指令遍历`tableData`数组，生成表格的行。内部的`v-for`指令遍历每行的数组元素，生成行中的每个单元格。

通过以上方法，我们就可以在Vue中创建一个横向的表格。当我们需要动态修改表格数据时，只需修改Vue实例中的数据，表格会自动更新。同时，Vue也提供了其他的指令和方法，可以帮助我们处理表格的样式和交互。