vue基础课程学习之模板语法（四）

插值

#文本

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

<span>Message:{ {msg}}</span>

Mustache标签将会被替代为对应数据对象上 msg 属性的值。无论何时，绑定的数据对象上 msg 属性发生改变，插值处的内容都会更新。

 

当然，通过v-once指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上的其他数据绑定。

<span v-once>这个将不会改变: { { msg }}</span>

 

#原始HTML

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