12.10 尚品汇 day08 分页器实现 封装路由 vuex（store仓库）的使用

分页器实现步骤

1）准备结构

 2）动态业务

        （1）、接收父传子的总共多少数据和当前页，一页显示多少条数据（静态数据），图中是动态的

        （2）、计算总页数和中间五页的开始数字和结束数字

             （3）计算逻辑：当给的数据不够5（约定的中间5页可修改，continues）页时开始数字为1和结束数组为totalPage，如果大于5页（continues）的话，开始页等于当前页-向下取整（continues/2）;在大于5页（continues）的情况下，开始页可能会取负数，解决方案加判断条件当start（开始页）小于等于0时:start等于1,结束页等于连续页（continues);

         

         (4)、中间的页码循环显示，使用v-for和v-show（当item大于等于start页码的时候显示