本文共 689 字，大约阅读时间需要 2 分钟。

背景：因为当前项目主要是表格文件和数据的一个显示，所以大量的用到分页功能，思前想后决定写一个分页组件，方便美观。因为前端人员不是我自己，加上产品的建议，最后决定分页写定每页二十天条数据。分页每页多少条由用户自定义<vue2.0>

因为公司的数据量比较大，需要做批量处理的地方比较多，所以有时会根据情况自定义一些东西

1. 首先在项目的根目录下创建可复用组件
   
   在components里面创建需要的组件
2. 在组件里写入代码主要是涉及到父传子和子传父，因为刚开始写可复用封装组件，所以没敢写的太复杂

3. 写完组件之后，当然是去页面试一试了，试用之前先要在main.js里全局注册一下哦

// 引入分页组件import Pagination from '@/components/Pagination'// 注册分页组件Vue.component('pagination', Pagination)

4. 去测试一下我们写的组件的效果吧

5. 然后就可以肆无忌惮的开始自定义分页了哈哈哈哈哈哈

转载地址：http://fwcrf.baihongyu.com/