vue模板字符串标签动态参数_javascript

我正在尝试制作一个页面，该页面会将文本字符串( https://pastebin.com/Mp9sKy1A )加载到页面中，然后将--FML-[componentName]任何实例替换为适当的组件。

因此，例如--FML-[NoteBlock]将被NoteBlock组件自动替换。

这是我到目前为止的内容：

pureContent () {

const c = this.content.replaced

const re = new RegExp(`

--FML-\\[(\\w+)\\]

`, 'g')

return c.replace(re, ($0, $1) => ``)

}

然后将输出放置到以下模板中：

它实际上是一种作品。 但是，并不是将component部分作为实际组件引入，而是作为 HTML标记引入，这显然不是期望的结果。 有没有一种方法可以使其按需工作？

这是我当前得到的输出：

Creating new contexts

Section Title

Section subtitle that contains additional information

Cillum ipsum ad veniam elit non. Sunt ea ut quis qui dolore id voluptate

magna. Ex non commodo reprehenderit ipsum irure. Ad excepteur nulla ullamco

et deserunt magna et sint reprehenderit sint esse commodo. Tempor duis anim

nisi commodo incididunt ut ex et sunt laborum excepteur ea culpa laborum.

Officia esse Lorem ad duis dolore nostrud ex elit aliqua incididunt sint ad

ex. Eiusmod do in ad aute nulla eiusmod tempor Lorem non. Qui sunt voluptate

laborum mollit elit adipisicing minim dolore voluptate veniam incididunt

proident ullamco. Ipsum est cupidatat occaecat pariatur ut aute.

标签应该是实际的Vue组件