vue设置table里面有几个数组

可以根据需要在 Vue 中设置任意数量的数组。在表格中，通常需要设置两个数组：

1. 数据数组：包含要在表格中显示的数据。可以使用 v-for 指令将数据渲染为表格行。
2. 列数组：包含表格的列信息，如列标题、列宽度和列对齐方式等。可以使用 v-for 指令将列渲染为表格列。

以下是一个简单的示例：

<template>
  <table>
    <thead>
      <tr>
        <th v-for="column in columns">{{ column.title }}</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in items">
        <td>{{ item.name }}</td>
        <td>{{ item.age }}</td>
        <td>{{ item.email }}</td>
      </tr>
    </tbody>
  </table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { title: 'Name', width: '100px' },
        { title: 'Age', width: '50px' },
        { title: 'Email', width: '200px' },
      ],
      items: [
        { name: 'John', age: 30, email: 'john@example.com' },
        { name: 'Jane', age: 25, email: 'jane@example.com' },
        { name: 'Bob', age: 40, email: 'bob@example.com' },
      ],
    }
  },
}
</script>

在此示例中，我们设置了两个数组：`columns` 和 `items`。`columns` 数组包含三个对象，每个对象表示一个表格列。`items` 数组包含三个对象，每个对象表示一行数据。我们使用 v-for 指令将它们渲染为表格的列和行。