用vue写一个表格代码

以下是一个基本的 Vue 表格组件代码，使用了 Bootstrap 样式：

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

<script>
export default {
  name: "Table",
  data() {
    return {
      items: [
        { name: "张三", age: 22, gender: "男" },
        { name: "李四", age: 27, gender: "女" },
        { name: "王五", age: 30, gender: "男" },
      ],
    };
  },
};
</script>

<style>
/* 可以在这里添加自定义样式 */
</style>

在实际项目中，你可以根据需要对样式进行调整，并且在 `data()` 中使用 `axios` 等方式获取数据，然后渲染到表格中。