Vue.js 插入字符串时使用组件的vue

插值字符串时如何使用组件

例如，我有一个组件可以执行以下操作：

组件A

<template>
  <div>{{someProp}}</div>
</template>

{{someProp}}

当我在其他组件中使用该组件时，我会传递一个vue组件和一些纯文本

其他组件

<component-A someProp="Some text and <component-B/>"/>

---

如何防止文本被转义？而不是“”组件被替换？

道具只能用于传递javascript值，如字符串、数字、对象、数组等。在您的示例中，

someProp

具有字符串值

sometext和

，因此它将在模板中按字面意思呈现

一些文本和

如果要传递模板片段（我自己的术语），则需要使用而不是道具：

Vue.component（'component-a'{
模板：“组件A:”，
});
Vue.组件（“组件b”{
模板：“组件B”，
});
新Vue({
el:“#应用程序”，
});

一些文本和
您是否尝试将组件B作为单独的道具传递，然后使用它从组件A返回所需的值？在我的情况下，添加新道具是不可取的，为什么不在组件A内部导入组件B？