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`] 
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐