在模板中输出内容的典型方法是使用 mustache 语法标签从方法、属性或数据变量输出数据。但是 mustache 标记会渲染文本。如果你尝试使用 mustache 标记来渲染 HTML，它将以文本字符串的形式去渲染，并且不会被解析。要将内容渲染和解析为 html，我们可以使用 v-html 指令，如下所示。

模板

<div id="app" v-html=”title”></div>

App 应用

new Vue({
    el: '#app',
    data: {
      title: '<h1 style="color: green;">Vue.js</h1>'
    }
});

输出

Vue.js

如上面的例子所示，v-html 指令解析所有HTML，结果上面的语句将按需渲染。开发人员必须在了解 v-html 的前提下使用。如果不恰当地使用了 v-html，可能会使网站遭受注入攻击，很有可能会从外部源注入并执行恶意代码。