Vue.use统一全局注册组件

组件如果在所有页面都要用, 那么就要全局注册组件。
如果有很多个组件, 都要全局注册, 那么又会在main.js 中写很多内容

import PageTools from '@/components/PageTools'
Vue.component('PageTools', PageTools)

在vue项目中，我们可以自定义组件，像element-ui一样使用Vue.use（）方法来使用，具体实现方法：

提供统一注册的入口文件 src/componets/index.js
在同一目录下建立index.js文件,在这个文件中使用install方法来全局注册该组件

// 该文件install方法负责所有的公共组件的全局注册
// vue插件机制: Vue.use
import PageTools from './PageTools'

export default {
  install(Vue) {
    Vue.component('PageTools', PageTools)
  }
}

在入口处进行注册 src/main.js Vue.use 注册使用自己的插件模块

import Components from './components'
Vue.use(Components)