帮我用vue写一个表格

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

HTML代码：

<div id="app">
  <table>
    <thead>
      <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Age</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="person in people" :key="person.id">
        <td>{{ person.id }}</td>
        <td>{{ person.name }}</td>
        <td>{{ person.age }}</td>
      </tr>
    </tbody>
  </table>
</div>

Vue代码：

new Vue({
  el: '#app',
  data: {
    people: [
      { id: 1, name: 'Alice', age: 25 },
      { id: 2, name: 'Bob', age: 30 },
      { id: 3, name: 'Charlie', age: 35 }
    ]
  }
})

这是一个简单的表格，其中有一个头部和一个主体部分。在头部中，有三个表头单元格，分别是ID、Name和Age。在主体部分中，使用v-for指令循环遍历people数组中的每个人，并在每行中显示其ID、姓名和年龄。在每个表格行上，使用v-bind指令绑定了一个唯一的键（即person.id），以便Vue可以更好地跟踪每个表格行的状态和更改。