vue3中通过遍历传入组件名称动态创建多个component 组件

<!--   直接创建  -->
<component :is="Image" />

在遍历的时候，当前组件中导入并注册该组件无法识别，会认为没有注册该组件，从而展示<image></image>
但是，单独直接使用<component :is="Image" />该页面中注册该组件，是可以被识别的。
解决方案：

使用 app.component 全局注册组件，循环遍历创建多个 component的时候可以生效。
全局创建方法：

// src/customComponents/index.js
import Button from "@/customComponents/Button.vue";
import Text from "@/customComponents/Text.vue";
import Icon from "@/customComponents/Icon.vue";
import Image from "@/customComponents/Image.vue";
const components = {
    install: function (app) {
        app.component("Button", Button).component("Text", Text).component("Icon", Icon).component("Image", Image);
    },
};
export default components;

// main.js
import components from "@/customComponents";
app.use(components);