antd vue使用tool库调用api展示后台数据到list上的代码怎么写

下面是一个示例代码，使用antd vue的Table组件来展示后台数据到list上：

<template>
  <div>
    <a-table :columns="columns" :dataSource="dataSource"></a-table>
  </div>
</template>

<script>
import { fetchList } from '@/api/list' // 引入API

export default {
  data() {
    return {
      columns: [ // 列定义
        {
          title: 'ID',
          dataIndex: 'id',
        },
        {
          title: '名称',
          dataIndex: 'name',
        },
        {
          title: '创建时间',
          dataIndex: 'create_time',
        },
      ],
      dataSource: [], // 数据源
    }
  },

  mounted() {
    this.loadData()
  },

  methods: {
    async loadData() {
      const response = await fetchList() // 调用API获取数据
      this.dataSource = response.data // 将数据赋值到数据源上
    },
  },
}
</script>

这里假设有一个名为`list`的API模块，其中有一个`fetchList`方法用于获取列表数据。在组件中，我们使用`mounted`钩子来调用`loadData`方法，并使用`async/await`语法异步地获取API响应。拿到响应后，我们将数据赋值到组件的`dataSource`属性上，并在模板中使用antd vue的Table组件来渲染数据。`columns`属性定义表格的列，`dataSource`属性则是数据源。