vue3使用<script setup>语法时，<component :is=不显示的问题

这个官方居然没有提示，只能自己摸索。网上好多就是建立多个

<script>

</script>
<script setup>
</script>

组件弄到<script>😭。实在难以接受，不完美。
现在
请这样更改代码

<script setup>

import {defineComponent, ref} from "vue";
import userManger from './userManger.vue'
import rightsManagement from './rightsManagement.vue'

let rightComponentsName = ref(userManger)


function itemClick(index) {

  let itemParam = {0:userManger,1:rightsManagement}
  rightComponentsName.value = itemParam[index]

}
</script>

虚拟dom正常写：

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

一切自己摸索感受。