vue批量注册全局组件

首先在src目录下创建文件夹globalComponents

globalComponents文件下下新建js文件globalComp.js

import Vue from 'vue'
// 自动注册全局组件
function registerAllComponents(requireContext) {
  return requireContext.keys().forEach(comp => {
    const vueComp = requireContext(comp)
    // default.name 就是我们 .vue 组件导出的 name
    // 这块逻辑需要根据自己的命名习惯去调整
    const compName = vueComp.default.name ? vueComp.default.name : /\/([\w-]+)\.vue$/.exec(comp)[1]
    Vue.component(compName, vueComp.default)
  })
}

// 注册当前目录下的所有 .vue 文件，包括子目录
registerAllComponents(require.context('./', true, /\.vue$/))

然后在globalComponents文件夹下写自己想要的全局组件

最后在main.js中注册

import '@/globalComponents/globalComp'