通过路径循环匹配vue组件

const resultComps = {};
let requireComponent = require.context(
'./', // 在当前目录下查找
true, //false 不遍历子文件夹 true 遍历子文件夹
/\.vue$/ // 正则匹配 以 .vue结尾的文件
)
requireComponent.keys().forEach(fileName => {
// 组件实例
const reqCom = requireComponent(fileName)
resultComps[fileName.replace(/^\.\/(.*)\.\w+$/, '$1')] = reqCom.default
})
export default resultComps

 

 

 

 

<component :is="comA"><component>

import comA from 'xxx/xxx/xxx.vue';

 

<comA ><comA>

import comA from 'xxx/xxx/xxx.vue';

components:{

comA 

}