vue3 component is 無效

<component :is="isGroup ? 'TransitionGroup' : 'Transition'"></component>

如果 :is 的值為字符串而不是導入的組件時，需要手動注冊組件。

<script>
import { Transition, TransitionGroup } from 'vue'

export default {
  components: {
    Transition,
    TransitionGroup
  }
}
</script>

如果使用 setup 語法，則在一個 .vue 文件中寫兩對 script 標簽。

<script lang='ts' setup>
// ...
</script>

<script lang="ts">
import { Transition, TransitionGroup } from 'vue'

export default {
  components: {
    Transition,
    TransitionGroup
  }
}
</script>