Vue JSテキスト補間式でHTMLまたはコンポーネントを返します

Question

テキスト補間を使用してテンプレート内のコンポーネントをレンダリングするにはどうすればよいですか？私は次のコードを試しました：

実際のコードを "double mustaches"で印刷し、コンポーネントタグを削除してコンポーネントをレンダリングしています。

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

Answer 1

私はまだ、テキスト補間をどのように行うのか分からないが、私はこれに簡単な方法を見つけました：Conditional Rendering

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