在components 文件下有若干个组件 ,在注册组件时直接批量完成注册 注意:组件文件夹中的vue文件名(index 注册时默认会找index.vue)
方法:
import Vue from 'vue'
// const requireComponent=require.context('公共组件的目录','是否深层次查找',正则[以.vue文件结尾的都是我们要找的])
const requireComponent = require.context('./', true, /.vue$/)
// requireComponent.keys()// ['./Breadcrumb/index.vue', './Hamburger/index.vue', './SvgIcon/index.vue', './toolPage/index.vue'] //可以拿到组件文件
requireComponent.keys().forEach((item) => {
var defaultCom = requireComponent(item).default // 获取的就是组件暴露出来的对象
Vue.component(defaultCom.name, defaultCom)
})