一，统一目录下封装好组件，一般是components下header/index这样。

二，统一到一个js文件中导出， 可以在components/common.js 统一去引入共用的组件 （当然Vue肯定是要引入的）

写法：  import header from '@/components/header'   ... 这样将需要共用的组件统一引入进入

const views = {

    header,

}

const install = function(Vue){

    Object.keys(views).forEach((key) => {

        Vue.component(key,views[key])

    })

}

const API = {

    install

}

export default API;

三，最后在vue入口main.js去注入就可以了

import myUI from '@/components/common.js'

Vue.use(myUI)

即完成了vue中全局的组件统一注册，不用再单独引入就可以直接在vue组件里直接使用了。