vue制作表格

要制作表格，首先需要在Vue中定义一个数据列表，并将其绑定到表格上。例如：

<template>
  <div>
    <table>
      <thead>
        <tr>
          <th>姓名</th>
          <th>年龄</th>
          <th>性别</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="item in dataList" :key="item.id">
          <td>{{ item.name }}</td>
          <td>{{ item.age }}</td>
          <td>{{ item.gender }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

然后在Vue实例中定义数据列表：

<script>
export default {
  data() {
    return {
      dataList: [
        { id: 1, name: '张三', age: 20, gender: '男' },
        { id: 2, name: '李四', age: 25, gender: '女' },
        { id: 3, name: '王五', age: 30, gender: '男' }
      ]
    }
  }
}
</script>

这样就可以在页面上展示一个包含姓名、年龄和性别的表格，并且数据列表已绑定到表格上。当数据列表中的数据发生变化时，表格也会自动更新。