插值
数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值:
<span>Message: {{ name }}</span>
<script>
new Vue({
el: '#app',
data: {
name: '小白'
}
})
</script>
但是此语法不能用在html元素的属性上.
原始 HTML
若要输出真正的 HTML代码,需要使用 v-html 指令;双大括号会将数据解释为普通文本,而非 HTML 代码。
就会渲染为标签:
运行结果: