typescript 的动态引入组件

环境： Arco Pro + Vue3

vite自身对动态字符串形式的组件引入是有限制的, 以下写法会报错

 

 官方文档中也对此有做说明， 只能通过固定形式去引用

于是考虑了在外部定义对象, 现将组件引入到外部对象中, 再引用这个对象, TS使用映射来处理

 这样就能在组件中通过提供对象上对应的属性, 来导入需要使用的组件

 

 不过这种方法需要自己先在外部文件中手动按需导入组件, 但对组件得路径和名称都没有限制,不知道有没有更便捷的方法