vue的全局注册组件

在components文件夹下面创建一个GlobalComponents文件夹 在GlobalComponents文件夹下面新建一个index.js文件，然后创建需要全局注册的组件

index.js文件代码

import Vue from 'vue'
function registerAllComponents(requireContext) {
    return requireContext.keys().forEach(comp => {
        const vueComp = requireContext(comp)
        // console.log(vueComp)
        const compName = vueComp.default.name ? vueComp.default.name.toLowerCase() : /\/([\w-] +)\.vue$/.exec(comp)
        Vue.component(compName, vueComp.default)
    })
}

registerAllComponents(require.context('./', false, /\.vue$/))
//组件全局引入

然后在main.js文件引入即可