Vue.js/JavaScript-是否可以在文本中插入链接/锚定？

假设我有一个段落，其中包含一些从数据库中获取的文本：

<p> 
    {{ text }}
</p>

因此，我希望这些参考资料能够转化为上述页面的链接：

<p>
    Sample text <a href="/path/to/reference"> reference </a> sample text
</p>

示例文本示例文本

我尝试在脚本中使用replace函数，如下所示：

text.replace(/\[(.+)\]/,"<a href='/path/to/$1'>$1</a>");

text.replace（/\[（.+）\]/，”）；

但是所有字符都被转义，导致锚html代码显示在页面上

---

是否有一种方法来阻止字符被转义，甚至有另一种方法将文本中间的引用转换为另一页的工作链接？

< p>如果您不希望HTML被转义，请使用该指令。 从文档中：

双胡子将数据解释为纯文本，而不是HTML。在里面 为了输出真正的HTML，您需要使用

v-HTML

指令：

例如：

var-app=新的Vue({
el:“应用程序”，
数据：函数（）{
返回{
文本：“详见缺陷”
};
}
});

{{text}}


以下问题的答案对您有帮助吗，这是我刚才回答的一个问题，它对链接有类似的要求，您可能可以出于自己的目的分析和重用代码。
text.replace(/\[(.+)\]/,"<a href='/path/to/$1'>$1</a>");