复习Vue2：模板语法

复习Vue2：模板语法

2.1 属性绑定

属性的绑定，下面我们先看一下关于对属性的绑定

<div id="app">
     <h2 v-bind:title="msg">
        {{msg}}
     </h2>
 </div>

在上面的代码中，我们通过v-bind的方式给h2绑定了一个title属性。

当然我们上面的代码也可以通过如下方式来进行简化

    <div id="app">
      <h2 :title="msg">
        {{msg}}
      </h2>
    </div>

为了避免闪烁的问题，也就是最开始的时候，出现：{{msg}}的情况，可以使用v-text的方式进行绑定，如下

  <div id="app">
      <h2 :title="msg">
        <!-- {{msg}} -->
        <span v-text="msg"></span>
      </h2>
    </div>