Vue封装 分页组件

思路：
1.父子组件通过 props 传递相关参数
2.子组件改变父组件的参数通过 $emit 方法来触发
代码：

        
 
            
 
                
上一页
  
                
 
                    {{ index<1 ? "..." : index }} 
                
 
                
下一页
 
            
 
        
    

在父组件引用：

//初始值定义：
data(){
	return {
			cur: 1, //当前页
        	all: 12,  //
	}
}

//方法
listen: function (data) {
	console.log('当前页码：' + data )
},
// 设置当前页码
setCurrentPage: function(index){
      this.cur = index;
 },