Vue3 批量注册全局组件

大致步骤:
1,新建.js文件,使用require提供的函数context加载某一个目录下所有的.vue后缀的文件。
2,然后context函数会返回一个导入函数的ctx,它有一个keys()方法获取所有文件路径。
3,通过文件路径数组,遍历数组,在使用ctx根据路径导入组件对象
4,遍历的同事进行全局注册即可。

//参数:1. 在那个目录找 2.是否加载子目录 3.加载的文件名(正则匹配)
export default {
 install (app){
 //批量注册全局组建
 //加载该目录下所有.vue文件
 const ctx = require.context('./',false,/\.vue$/)
 ctx.keys().forEach(()=>{
 //item:组件的地址 ctx(item) 导入这个组件
	const component = ctx(item).default	
	app.component(component.name , component)
	})
}

这样就能自动在文件夹下面找到.vue组件,并且自动注册了。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值