ant design vue 数据字典 列表显示 使用

Ant Design Vue提供了很多组件来显示列表数据，其中常用的是`<a-table>`（表格）和`<a-list>`（列表）。

以表格为例，可以按照以下步骤来使用Ant Design Vue实现数据字典的列表显示：

1. 安装Ant Design Vue组件库，具体方法可以参考官方文档。

2. 在组件中引入`<a-table>`组件，并设置表格的列和数据源。例如：

   <template>
     <a-table :columns="columns" :data-source="dataSource"></a-table>
   </template>
   
   <script>
   export default {
     data() {
       return {
         columns: [
           {
             title: '键',
             dataIndex: 'key',
             key: 'key'
           },
           {
             title: '值',
             dataIndex: 'value',
             key: 'value'
           }
         ],
         dataSource: [
           {
             key: 'key1',
             value: 'value1'
           },
           {
             key: 'key2',
             value: 'value2'
           }
         ]
       }
     }
   }
   </script>

其中，`columns`数组定义了表格的列，每个列由`title`（列标题）、`dataIndex`（该列对应的数据源字段名）和`key`（列唯一标识）三个属性组成。`dataSource`数组定义了表格的数据源，每个数据项是一个对象，对象的属性名对应`columns`中的`dataIndex`，属性值为该单元格的值。

3. 根据实际需要，可以对表格进行样式和交互的定制。例如，可以设置表格的大小、列的对齐方式、排序规则等等。具体的设置方法可以参考Ant Design Vue的文档。

除了表格，Ant Design Vue还提供了很多其他组件，可以根据实际需要选择合适的组件来显示数据字典列表。