vue3.x 在使用 的动态组件时，局部注册的组件不生效，但是局部注册的组件直接使用没有问题？

Question

vue3.x 局部注册的组件，单独使用没问题，但是无法在动态组件 component 中使用？

vue3 版本3.2.25
vite 2.8.0 vite 插件：unplugin-auto-import/vite 、unplugin-vue-components/vite
使用了element - plus

<template>
     <component is="loginCom"></component> <!--    不生效-->
    <loginCom></loginCom><!--    生效-->
  </div>
</template>
<script lang="ts" setup>
import {ref, reactive, getCurrentInstance, createApp, defineAsyncComponent, resolveComponent} from 'vue'
const loginCom = defineAsyncComponent({
  loader: () => import('./login.vue'),
})
</script>

Answer 1

<component :is="loginCom"></component>

is加上冒号