Vue 实现一个分页组件

　　实现分页组件要分三个部分

　　样式，逻辑，和引用

　　首先新建一个vue文件用来承载组件内容

　　第一步：构建样式　

　　　

　　

第二步:编写逻辑　　

 第三步：引用组件

　　1.在父组件中引入并注册

components: {

   "v-pagination": Paging,

},

2.在data下声明三个变量

total:0, // 记录总条数

display: 10, // 每页显示条数

current: 1, // 当前的页数

3.挂载

4.添加事件

pagechange:function(currentPage){

  　　// console.log(currentPage);

　　//该参数就是当前点击的页码数

}