VUE3动态加载组件

1. Vue3动态导入组件

• vue2中的写法

 component: () => import(`../views/${o.componentpath}.vue`)

但是在Vue3中，打包后报错

因此需要动态导入组件，使用import.meta.glob

let modules = import.meta.glob('../views/**/*.vue')
menuData.forEach((o, i) => {
	//必须先定义变量，再赋值给component才能正常运行
	let curComponentPath = modules[`../views/${o.componentpath}.vue`]
	component: curComponentPath,
})

之前的写法，下面的写法是可以的，但是这个项目报错，没找到原因o(╥﹏╥)o

component: modules[`../views/${o.componentpath}.vue`]