Ant Design 是一款优秀的UI组件库，它提供了一系列高质量的 Vue 组件。其中，Ant Design Vue 的分页组件极为实用，为了更好地使用它，本文将介绍如何使用 Ant Design Vue 分页组件。

首先，需要安装 Ant Design Vue 组件库，可以使用 npm 或者 yarn 命令进行安装：

npm install ant-design-vue
# 或者
yarn add ant-design-vue

接着，在需要使用分页组件的页面中引入组件：

// 导入组件
import { Pagination } from 'ant-design-vue';
export default {
components: {
Pagination // 注册组件
}
};

在页面结构中加入分页组件：

<template>
<div>
<!-- 正文 -->
<!-- 分页 -->
<pagination
:current="currentPage"
:total="total"
:showTotal="showTotal"
:showSizeChanger="true"
:pageSize="pageSize"
:pageSizeOptions="[10, 20, 30, 40]"
@change="handleChangePage"
@showSizeChange="handleShowSizeChange"
/>
</div>
</template>

注：以上代码中，current 表示当前页数，total 表示总条目数，showTotal 表示每页显示总条目数和总页数的文本内容，showSizeChanger 表示是否显示每页显示条数的下拉框，pageSize 表示每页显示条目数，pageSizeOptions 表示每页显示条数的选择集合（默认[10,20,30,40]），@change 表示页码变化时的回调方法，@showSizeChange 表示每页显示条数变化时的回调方法。

最后，在组件实例中添加回调方法即可实现分页功能：

// 回调方法
methods: {
handleChangePage(currentPage) {
console.log(currentPage);
},
handleShowSizeChange(currentPage, pageSize) {
console.log(currentPage, pageSize);
}
}

以上就是如何使用 Ant Design Vue 分页组件的内容，希望能对大家有所帮助。