vue-数据绑定(文本插值/v-bind/v-html)

插值

文本

数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：

<span>Message: {{ name }}</span>
<script>
    new Vue({
        el: '#app',
        data: {
            name: '小白'
        }
    })
</script>

但是此语法不能用在html元素的属性上.

原始 HTML 

 若要输出真正的 HTML代码，需要使用 v-html 指令；双大括号会将数据解释为普通文本，而非 HTML 代码。

 就会渲染为标签：

 运行结果：