Javascript 如何在文本中编译组件？

我使用

bootstrap vue

，我有一个链接到模式的

文本，看起来像：

'Some Text 2 with <b-link v-b-modal.myModal>a link to modal</b-link>.'

“一些带有模态链接的文本2。”

我把这段文字放在
里面

有没有办法告知
Vue
我在本文中使用了
b-link
组件，必须对其进行适当编译

修复了它

在
中：

<details v-for="i in changeLog" :key="i.title">
  <summary>{{ i.title }}</summary>
  <ul>
    <li>{{ i.text }}
      <template v-if="i.linkText">
        <b-link v-b-modal.privacyModal> {{ i.linkText }}</b-link>.
      </template>
    </li>
  </ul>

data() {
  return {
    changeLog: [
      { title: 'Title 2 (with "bootstrap-vue" link)', text: "Some Text 2 with", linkText: "a link to modal" },
      { title: "Title 1", text: "Some Text 1" }
    ]
  };
}