基于组件库vue实现纯前端分页

这是平时在实际开发中所总结出来的，不管难易，只希望和各位交流一下技术，分享一些东西， 共同进步，
有什么更好的优化或者有问题欢迎评论区留言，大家帮帮点点赞哦~

//pageinfo = {page: 1, pageSize: 10}
//totalData，peerauthorList_all  就是你拿到的所有数据  100
//peerauthorList  分页之后的数据

// 分页逻辑
Page (pageinfo={}, totalData) {
    // 前端分页
    let start = (pageinfo.page - 1) * pageinfo.size
      //1 -1 = 0 *10  = 0
      //2 -1 = 1*10 = 10
    let end = pageinfo.page * pageinfo.size
    //1*10 = 10
    //2*10 = 20
    let data = totalData.slice(start, end)   //[0，10） [10，20）
    return data
},

// 分页发生改变
peerauthorPage (page) {
   this.peer_page.page = page
   this.peerauthorList = this.Page(this.peer_page, this.peerauthorList_all)
},
// 页码发生改变
peerauthorPageSize (size) {
   this.peer_page.size = size
   this.peerauthorList = this.Page(this.peer_page, this.peerauthorList_all)
},