vue 竖着展示对象的表格

在Vue.js中，如果你想竖向展示对象的表格，可以使用v-for指令结合`<table>`元素以及`th`和`td`标签。假设你有一个数组或对象数据，每个对象有若干属性，你可以这样操作：

<table class="vertical-table">
  <thead>
    <tr>
      <!-- 标题行 -->
      <th v-for="(key, index) in Object.keys(data[0])" :key="index">{{ key }}</th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="item in data" :key="item.id">
      <!-- 每一行，item是你遍历的对象 -->
      <td v-for="(value, index) in item" :key="index">{{ value }}</td>
    </tr>
  </tbody>
</table>

在这个例子中，`data`是一个包含对象的数组。`Object.keys(data[0])`获取了第一个对象的所有键，作为表头；然后对每一个`item`对象，循环渲染每一项值到对应的位置。