VUE分页组件详解

//作者使用的是vue2.0代码，所以兼容部分大家要注意以下，
//比较忙，直接上代码，
//以下是子组件部分。可以定义为pagination.vue

//布局部分

//script 部分

//css部分 不过多说，这个可以自己改

//父组件使用 template 布局部分

//父组件事件

    paginationClick(current){   //响应点击后子组件当前页码
        console.log(current);
    }

//这里需要注意的是这里并没有初始化的部分，你需要在你的date值中初始化。
以下是现在组件的样式~

image.png

最后分页组件这个东东是根据博主的改造出来的，现在把链接贴出来拜一拜。
http://www.jianshu.com/p/d17d8e35deda