使用computed传入一个vnode进入子组件,子组件使用这个vnode在component标签上进行渲染会出现异常,Hellllllllllllllllllllllllllllllo会渲染两遍

[tiankongdadilongqibing]

Vue version
3.3.5
主组件

<template>
  <button style="width: 20px; height: 20px" @click="visible = !visible"></button>
  <testNoDialog :show="visible">
    <testNoAlert :message="operationGuideTips" />
  </testNoDialog>
</template>

<script setup lang="tsx">
import { computed, ref } from 'vue';

import testNoAlert from './test-no-alert.vue';
import TestNoButton from './test-no-button.vue';
import testNoDialog from './test-no-dialog.vue';

const visible = ref(false);

const operationGuideTips = computed(() => {
  return (
    <div>
      <span>Hellllllllllllllllllllllllllllllo</span>
      <TestNoButton>NiHao</TestNoButton>
    </div>
  );
});
</script>

子组件: test-no-alert

<template>
  <component :is="message" />
</template>

<script setup lang="ts">
defineProps<{ message: string }>();
</script>

子组件: test-no-button

<template>
  <div></div>
</template>

子组件: test-no-dialog

<template>
  <div v-show="show">
    <slot></slot>
  </div>
</template>

<script setup>
import { defineProps } from 'vue';
defineProps({ show: { type: Boolean } });
</script>