Pagination实现纯前端的分页

引子：用element ui组件库实现纯前端的分页，这里以渲染文章为例。
(无数据请求)

---

一、使用分页组件

基础的分页需要以下几个数据：

• @current-change：页码改变时触发的方法
• current-page：当前页
• page-size：每页显示条数
• articleList.length：文章总数
• articleList：文章列表

二、定义数据和方法

三、v-for循环文章数据（切片处理）

循环后就完成啦

 <div v-for="item in reverseList.slice((currentPage - 1) * pageSize,currentPage * pageSize)" :key="item._id">

四、小tips

数组slice()方法接收两个参数：array.slice(start, end)

var arr = [1,2,3,4,5];
console.log(arr.slice(1)); // [2,3,4,5]  选择序列号从1到最后的所有元素组成的新数组。
console.log(arr.slice(1,3)) // [2,3]  不包含end，序列号为3的元素