vue3.2 setup语法糖动态组件的注册与实现

1,994 阅读1分钟
<component :is="componentList[componentName]" />


improt { ref } from 'vue';
import A_component from '@/components/A_component.vue;
import B_component from '@/components/B_component.vue;
import C_component from '@/components/C_component.vue;
import D_component from '@/components/D_component.vue;

// 组件注册
let componetList = {
    A_component,
    B_component,
    C_component,
    D_component
};

// 指定的动态组件
let = componentName = ref('A_component');