ant design vue获取后台数据并展示在list代码

以下是一个简单的例子，用AntDesign Vue获取后台数据并展示在List中：

<template>
  <div>
    <a-button @click="fetchData">获取数据</a-button>
    <a-list
      bordered
      v-if="data.length > 0"
      :dataSource="data"
      :renderItem="(item) => {
        return {
          title: item.title,
          description: item.description,
        };
      }"
    ></a-list>
    <a-spin size="large" v-else-if="loading"></a-spin>
    <p v-else>暂无数据</p>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      data: [],
      loading: false,
    };
  },
  methods: {
    fetchData() {
      this.loading = true;
      axios.get('/api/data').then((res) => {
        this.data = res.data;
        this.loading = false;
      }).catch((err) => {
        console.error(err);
        this.loading = false;
      });
    },
  },
};
</script>

上述代码中，我们定义了一个AntDesign Vue的List组件，并通过渲染函数将后台数据展示在List中。同时，我们还定义了一个fetchData方法，通过Axios获取后台数据，并将获取到的数据赋值给data属性。在获取数据的过程中，我们可以使用a-spin组件展示加载状态。