vue全局注册

vue2 全局注册组件

const globalcmp = [];// 读取components所有的子文件
// 导入components文件夹下的所有组件
// 批量导入需要使用一个函数 require.context(dir,deep,matching)
// 参数：1. 目录 2. 是否加载子目录 3. 加载的正则匹配
const components= require.context("./components",true, /\.vue$/);
components.keys().forEach((key) => {
	const cmp = components(key).default;
    globalcmp.push(cmp);
})
// //全局组件注册
globalcmp.forEach((cmp) => {
    console.og(cmp.name);
    Vue.component( cmp.name,cmp);//注意组件的命名规则
})

vue3全局注册组件

在这里插入代码片