Vue JS Text Interpolation Ausdruck HTML oder Komponente zurückgeben

Question

Wie kann ich eine Komponente innerhalb einer Vorlage mit Text-Interpolation rendern? Ich habe versucht, den folgenden Code:

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

Aber dies ist das Drucken des aktuellen Code mit den „Doppel-Schnurrbärten“, den Komponenten-Tag zu entfernen und auch die Komponente zu machen.

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

Answer 1

Ich weiß noch nicht, wie es mit Text Interpolation zu tun, aber ich fand einen einfacheren Weg, um dies: Conditional Rendering

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