<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>
component 动态组件 keep-alive 缓存组件 slot 插槽
动态切换组件，方法一：component就是动态组件的写法 方法二：
Vue-component实现动态组件切换传值问题 使用动态组件 vue提供了一个内置的
动态组件 在内置指令中，有一个指令is，使用它可以实现动态组件。使用动态组件方式： 【Vue】组件 -动态组件 接着上面的例子。 动态组件用
【Vue】组件 - 让动态组件存活
全局组件 局部组件 动态组件 通过所使用保留的
引入组件，注册组件 用component标签插入组件，用is来指向组件名称，:is来动态改变组件名称 用按钮操作组...
什么是动态组件 就是：让多个组件使用同一个挂载点，并动态切换，这就是动态组件。在挂载点使用component标签，...
动态组件通过component组件实现，这个组件有一个is属性，is属性的值是谁，它就会展示哪个组件
本文标题：vue3 component组件动态is匹配组件
本文链接：https://www.haomeiwen.com/subject/wthzmrtx.html
网友评论