全局自动注册组件

import Vue from 'vue'

// const requireComponent = require.context('公共组件的目录'，是否深度查找，匹配正则)
const requireComponent = require.context('./', true, /.vue$/)

requireComponent.keys().forEach((item) => {
  var defaultCom = requireComponent(item).default
  Vue.component(defaultCom.name, defaultCom)
})

在main.js中导入此段代码

import '@/components'

 

 

注意：一定要在组件内定义name值

使用时直接使用组件名即可