根据vue写出一个表格展示

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

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

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

在上面的示例中，我们使用了 Vue 的 `v-for` 指令来遍历 `people` 数组，并使用 `:key` 绑定每个人的唯一 ID。然后，我们在模板中使用插值语法 `{{ }}` 来显示每个人的姓名、年龄和性别。