手写分页器组件（vue2）

效果图如下：

 1.首先要确认参数

currentPage：当前页码；pageSize：每页有多少条数据；pageGroup：连续页码数量；

total：数据总数；totalPage：总页数

2.计算总页数，使用 数据总数 / 每页有多少条数据 向上取整即可。（放在computed中自动计算）

computed:{
    // 共有多少页
    otalPage(){
        return Math.ceil(this.total / this.pageSize);
    }
}

3.计算开始位置和结束位置

computed:{
    // 起始位置和结束位置
    startAndEnd(){
        let start = 0,end = 0;
        let {currentPage,pageGroup,totalPage} = this;
        // 如果连续页码数大于总页数
        if(pageGroup > totalPage){
            start = 1;
            end = totalPage;
        }else{
            start = currentPage - Math.floor(pag