使用VUE2.0做一个简单的分页，过程很详细

优势

使用vue做一个前端分页有什么优势呢？数据双向绑定有哪些好处呢？先来分解一个一个简单的分页所具有的功能。

1. 当前页，这个可以用watch来观察当前页码是什么。
2. 上一页、下一页，我们对当前页进行++和--其实就可以实现这两个功能。
3. 很多页码需要自动变化，比如我们每次只显示5个页码，当我们当前页是90的时候，那么起始页是86，这个是变化的。那我们需要造一个双向绑定的数组来渲染它。

实现

问题的关键就是3，如何生成这个页码呢？看一下逻辑判断：

看看代码：

computed: { //在计算属性里计算一个值pages，返回一个数据
    pages:() => {
        var left = 1; //默认起始值是1
        var right =