v-html如何使用

`v-html`是Vue.js模板绑定指令之一，用于安全地插入HTML内容到DOM元素中。它主要用于处理来自用户或其他不可信来源的数据，因为它会直接将HTML字符串解析并插入，因此可能会包含恶意脚本。

使用`v-html`的基本语法如下：

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

这里的`unsafeContent`是一个JavaScript表达式，其值应是一个包含HTML文本的对象属性，例如：

data() {
  return {
    unsafeContent: '<b>这是一个带HTML的内容</b>'
  };
}

需要注意的是，由于`v-html`的特性，你应该始终对传递给它的内容进行严格的过滤和验证，以防止XSS攻击。Vue提供了一些内置的安全选项，如`sanitize`和`sanitizer`，可以在创建实例时启用，例如：

new Vue({
  el: '#app',
  data: {
    content: '<b>test</b>'
  },
  sanitize: true // 使用默认的安全化策略，可以去除一些潜在危险标签
})

如果你需要更细粒度的控制，也可以自定义`sanitizer`函数。