今天用vue来实现一个分页组件，总体来说，vue实现比较简单，样式部分模仿了elementUI。接下来本文通过实例代码给大家介绍100行代码实现一个vue分页组功能，感兴趣的朋友跟随小编一起看看吧

今天用vue来实现一个分页组件，总体来说，vue实现比较简单，样式部分模仿了elementUI。所有代码的源码可以再github上下载的到：下载地址 先来看一下实现效果： 点击查看效果 整体思路 我们先看一下使用到的文件的目录： 我们在 pageComponentsTest.vue 页面引入了 pageComponent.vue 分页组件。整体思路是通过 props 来达到组件的灵活通用的效果，整体语法是使用vue的VM语法。 pageComponent.vue实现 首先实现一个分页，需要