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>