Javascript Vue JS文本插值表达式返回html或组件

如何使用文本插值在模板内渲染组件？我尝试了以下代码：

<template>
   <div> {{ booleanValue ? "<my-component />" : "Some Text" }} </div>
</template>

---

我仍然不知道如何使用文本插值，但我找到了一种更简单的方法：

一些文本

这是正确的方法。文本插值是-等待-仅文本。没有组件。

{{ booleanValue ? "" : "Some Text" }}

 <div v-if="booleanValue"> 
    <my-component /> 
 </div>
 <div v-else>Some Text</div>