批量注册组件

280 阅读1分钟

image.png

在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)
})