能帮我写一个vue3前段带表格的页面吗

当然可以！以下是一个简单的 Vue3 前端页面，其中包含一个表格。

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

<script>
import { reactive } from 'vue'

export default {
  setup() {
    const items = reactive([
      { id: 1, name: 'John', age: 25 },
      { id: 2, name: 'Mary', age: 30 },
      { id: 3, name: 'Bob', age: 35 },
    ])

    return {
      items,
    }
  },
}
</script>

这个页面包含一个 `<table>` 标签，其中有一个表头和多行表格内容。表格内容使用 `v-for` 指令循环渲染出每一行数据，数据来源于 `items` 对象数组。`items` 对象数组使用 `reactive` 函数创建，这样 Vue3 就可以监听数据的变化并更新页面。