Vuejs2 如何将链接添加到对象属性值？

请为我提供一种方法，将链接/锚定标记添加到vue.js中的“对象值”属性中。 例如，我希望标题属性中的单词“旅程”具有链接。无法找到解决方案，因为我是vue新手

我的模板：

 <blog-post v-bind="post"></blog-post>

---

您可以通过以下方式将HTML代码注入HTML组件：

post: {
  id: 1,
  title: 'My <a href="#">Journey</a> with Vue'
}

<span v-html="post.title"></span>

post:{
id:1，
标题：“我的Vue”
}

但是，这种方法是危险的，因为如果post title值来自不可靠的来源，如用户输入，它可能导致可能的XSS攻击

小心使用

v-html

。

post: {
  id: 1,
  title: 'My <a href="#">Journey</a> with Vue'
}

<span v-html="post.title"></span>