vue 分页组件及props传参

先来看两张效果图：


接下来看看实现代码：
1.组件代码：由于是一个组件所以就简单粗暴的全部写在一个页面了
Pagination.vue

// 组件样式

2.看配合父组件如何使用：

3.不要忘了引入和加载一些必要的文件及配置一下组件
components: {
page
}
import ‘./assets/css/font-awesome-4.7.0/css/font-awesome.min.css’
import $ from ‘jquery’
import page from ‘…/…/components/page/page’;

希望可以帮到用vue2.0的各位小白！！！