//相当于把组件为A或者B的组件放在这个位置
<component :is='comp'></component>
<button @click='changeTab'>切换动态组件</button>
<script setup>
import { ref} from 'vue'
import A from './A.vue'
import B from './B.vue'
const tabCurrent=ref(0)
const comp = computed(()->{
if(tabCurrent.value--0) {
// 需要直接返回组件名
return A
}else {
return B
}
})
//切换动态组件
const changeTab=()=>{
return tabCurrent.value==0? tabCurrent.vaule==1:tabCurrent.vaule==0
}
</script>
vue3 component标签组件的使用
于 2024-01-21 12:10:07 首次发布