Vue.js实现简单的表格

好的，下面是一个简单的 Vue 表格示例：

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

<script>
export default {
  data() {
    return {
      list: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 20, gender: '女' },
        { name: '王五', age: 22, gender: '男' },
      ]
    }
  }
}
</script>

这里使用了 Vue 的 `v-for` 指令来循环渲染表格数据，使用了 `:key` 来绑定每一行数据的唯一标识。表格的数据存放在了 `list` 数组中。