用vue3 elementui 写个表格

这里是一个使用Vue3和ElementUI的表格示例：

<template>
  <el-table :data="tableData" border>
    <el-table-column prop="id" label="ID"></el-table-column>
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
    <el-table-column prop="address" label="Address"></el-table-column>
  </el-table>
</template>

<script>
import { ref } from 'vue';
import elementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

export default {
  name: 'TableExample',
  setup() {
    const tableData = ref([
      { id: 1, name: 'John Smith', age: 30, address: '123 Main St.' },
      { id: 2, name: 'Jane Doe', age: 25, address: '456 Oak Ave.' },
      { id: 3, name: 'Bob Johnson', age: 40, address: '789 Maple Blvd.' },
    ]);

    return {
      tableData,
    };
  },
};
</script>

在这个示例中，我们使用了`el-table`和`el-table-column`组件来创建表格。`el-table`的`data`属性绑定到`tableData`变量，它是一个包含几个对象的ref数组。

我们还导入了ElementUI并在组件中注册，以便我们可以轻松使用该库的所有组件。