Vue（三十）公共组件

以 分页 组件为例：（根据自己具体业务编写）

1.pagination.vue

2.新建一个utils文件夹，然后新建一个global.js

/*
** 公共组件
*/

import Pagination from '../components/common/pagination/Pagination.vue'

const global = (Vue) => {
  if (global.installed) return
  Vue.component('my-pagination', Pagination) // 注册全局分页组件
}

export default global

3.在main.js中引入js

import Global from './utils/global'

Vue.use(Global) // 注册全局组件

4.直接在页面中引入

pagination
          @handleSizeChange='handleSizeChange'
          @handleCurrentChange='handleCurrentChange'
          :flag='flag'
          :page='page'
          :pageSize='pageSize'
          :totalCount='totalCount'>