Vue学习（三）模板语法

模板语法

插值

文本

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

<div id="app">message:{
  {message}}</div>

Mustache标签将会被替代为对应数据对象上msg property的值。只要数据对象上msgproperty发生了改变，插值内容也会实时更新

通过使用v-once可以执行一次性插值，当数据改变时，插值处内容不会更新。但这会影响到该节点上的其它数据的绑定。

<!-- 这个不会发生改变 -->
<div id="app" v-once>message:{
  {message}}</div>

原始HTML

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

html：

    <div id="app">
      <div>message:{
  {message}}</div>
      <div>message:<span v-html="message"></span></div>
    </div>

js：

      var data