v-text指令跟v-html的区别：

1、插值表达式

2、v-text指令

但是如果我们展示的数据包含元素标签或者样式，我们想展示标签或样式所定义的属性作用，该怎么进行渲染，比如展示内容为：

这是一个h1元素内容

。我们先用插值表达式和v-text尝试一下。

复制代码

<script type="text/javascript">
    var vm = new Vue({
        el : "#app",
        data : {
            msg : "<h1>这是一个h1元素内容</h1>"
        }
    });
</script>

复制代码 运行结果，如下：

结论：插值表达式和v-text指令被直接解析为了字符串元素。对此Vue提供了另外一个指令：v-html

复制代码

<script type="text/javascript">
    var vm = new Vue({
        el : "#app",
        data : {
            msg : "<h1>这是一个h1元素内容</h1>"
        }
    });
</script>

复制代码 运行结果：

成功的解析了标签属性。