AntDesignVue写一个表，用setup语法糖

Ant Design Vue是一个基于Vue.js设计的UI组件库，它提供了丰富的表格组件`<a-table>`用于数据展示。如果你想使用setup语法糖编写一个基本的表格，你可以这样做：

<template>
  <a-table :columns="columns" :data-source="data">
    <!-- 表格列 -->
    <template v-for="(column, index) in columns" :key="index">
      <a-table-column :field="column.field" :title="column.title" />
    </template>
  </a-table>
</template>

<script setup>
import { defineComponent, ref } from 'vue';
import { Table } from 'ant-design-vue';

const columns = [
  {
    field: 'name',
    title: '姓名'
  },
  {
    field: 'age',
    title: '年龄'
  },
  // ... 更多列
];

// 数据源
const data = ref([
  { name: '张三', age: 20 },
  { name: '李四', age: 25 },
  // ... 数据列表
]);

export default defineComponent({
  components: {
    Table
  },
  setup() {
    return {
      columns,
      data
    };
  }
});
</script>

<style scoped>
/* 可选：添加样式 */
</style>

在这个例子中，`setup`函数返回了一个包含`columns`和`data`的对象，它们分别对应了表格的列配置和数据源。记得先安装`ant-design-vue`依赖。