简单的Vue分页插件pagination.js

插件说明

index.html

<navigation :pages="pages" :current.sync="pageNo" @navpage="msgListView"></navigation>

pages：总页数 

pageNo：当前页

pagination.js

插件件中

props: {
    pages: {
        type: Number,
        default: 1
    },
    //navigation传递过来的参数（总页数pages）   
    current: {
        type: Number,
        default: 1
    }
    //navigation传递过来的参数（当前页pageNo）
}

告知页面当前点击的是第几页，并触发方法msgListView

this.$emit('navpage',this.current);
msgListView(curPage){    //根据当前页获取数据}