作者|杰斯克森来源|达达前端酒馆分页组件首先创建一个项目：分页组件，做项目的时候不要手写代码，想着业务逻辑，怎么写，怎么写才是最好的呈现方式。不急于开始一个项目。一定要先想好整体框架，从最底层开始做自己最想要的。如果先搬代码，边做边想，就会出问题，会卡壳，半路出家。分页组件，你觉得你想要什么内容，是不是一个页面？不懂的可以去看看别人的分页是怎么做的，考虑业务逻辑，从整体上开始思考问题。不然我就去百度看看别人的分页效果。看完做不成也没关系，那我们呢？可以从底层做起，从最小的逻辑做起，想一想做这个的时候需要考虑什么。循序渐进，做好局部功能。这个功能完成后，再做一个功能或者页面~我们需要分页组件的字段是干什么用的？想一想，当前页，有没有，curpage当前页，每页的大小，pagesize，总页数，total等等，如果实在想不出来，看看什么也没关系别人有的，想了想写代码，那就快了。废话不说，先创建项目：编写分页组件props:['total'],data:function(){return{page:1,//当前页码pagesize:10//每页记录数});}，你能想到这么多吗？然后先写那么多，然后想想自己需要什么：总页数=Math.页记录数为10页，记录总数，总页数。比如80除以10页，8页。math.ceil(x)返回大于等于参数x的最小整数，即浮点数向上取整。点击事件切换不同页面的效果。

Paginationcomponent