vue3 component组件动态is匹配组件

<template>
  <component :is="typeComponentMap[componentId]"></component>
</template>

<script setup lang="ts">

import { useRoute } from 'vue-router'
import componentA from '引入组件'
import componentB from '引入组件'

const route = useRoute()
const componentId = route.params.type

//注意 这里写的是变量 componentA 而不是字符串 'componentA'
const typeComponentMap = { componentA, componentB }
</script>
<style lang="scss" scoped></style>