vue 直接显示html标签

Vue.js是一个流行的前端框架，它允许你在JavaScript模板中直接渲染HTML标签。当你需要动态地插入或更新DOM内容时，可以使用双大括号`{{ }}`语法来绑定数据属性到HTML元素。例如：

<div v-for="item in items">
  <p>{{ item.title }}</p>
  <span>{{ item.description }}</span>
</div>

在这个例子中，当`items`数组中的数据变化时，对应的`<p>`和`<span>`元素的内容会自动更新，因为它们绑定了`item.title`和`item.description`的数据。

如果你想要直接插入原始的HTML字符串，可以这样做：

<div v-html="safeHtml"></div>

然后在你的JavaScript中设置`safeHtml`变量：

data() {
  return {
    safeHtml: '<strong>Hello from Vue!</strong>'
  }
}

请注意，`v-html`指令会将数据解析为HTML，所以在实际项目中，你需要确保输入的安全性，通常会配合如`v-bind:title`这样的文本插值使用`v-text`，或者使用`marked`等库进行安全的HTML转义。