用vue框架写一个表格

以下是一个简单的用Vue框架写的表格示例：

HTML代码：

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

Vue代码：

new Vue({
  el: '#app',
  data: {
    people: [
      {name: 'John', age: 25, city: 'New York'},
      {name: 'Jane', age: 30, city: 'Los Angeles'},
      {name: 'Bob', age: 40, city: 'Chicago'},
      {name: 'Alice', age: 35, city: 'San Francisco'}
    ]
  }
})

这个示例中，我们使用了Vue框架来渲染一个简单的表格。我们定义了一个data属性，其中包含了一个people数组，数组中每个元素代表一个人的信息。我们使用v-for指令来遍历people数组，将每个人的信息显示在表格中。