Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页

1、背景

2017年底了，总结了这一年多来的前端之路，Vue从入门到放弃，再二进宫，从 Vue1.0 持续跟踪到 Vue2.5。结合公司的一些实际项目，也封装了一些比较实用的组件。

由于现在公司管理平台主要运用Element UI，索性就结合组件Table 和 Pagination 封装了一个支持页面切换的Table组件，不啰嗦，直接上代码。(在之前发布的版本之上，已经优化了一波)

2、实现思路

2.1、Element UI 引入(整体引入)

main.js

// Element UI
import Element from 'element-ui'
// 默认样式
import 'element-ui/lib/theme-chalk/index.css'
复制代码

2.2、开始封装 iTable.vue 组件 (骨架)

由于公司项目都是以 i 开头，所以，为了区分组件和页面，习惯于组件命名也以 i 开头。 首先把 Table、Pagination 组件加进来