本篇文章主要介绍了VUE实现一个分页组件的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

分页是WEB开发中很常用的功能，尤其是在各种前后端分离的今天，后端API返回数据，前端根据数据的count以及当前页码pageIndex来计算分页页码并渲染到页面上已经是一个很普通很常见的功能了。从最开始的jquery时代到现在的各种各样的前端框架时代，分页功能都是必不可少的。 分页大多数（基本上）情况下都是对异步数据列表的处理，这里首先需要明白一下分页的流程。 在已知每页显示数据量pageSize以及当前页码pageIndex的情况下： 请求API，返回第一屏数据（pageSize内）

序言 项目需要自己写了一个基于vue的paginator分享出来,欢迎各路好汉来指教 当页数小于999(包括999)页 页数大于999页 首页或尾页disabled 10页之内显示 Usage 参数 pageCount: 整数,代表总页数 监听事件 togglePage: 监听切换页面事件,可以获取到当前前往页的页数 父组件调用方法 index.vue