vue指令v-bind

　　v-bind用於綁定 html 屬性，一般會將v-bind縮寫（如"v-bind:class"可縮寫成":class"）；

　　v-bind除了能夠綁定字符串類型變量之外，還能夠支持單一的JavaScript表達式，如：

1. 執行運算：

   <div id="app">
       <p v-bind:title="t1 + ' ' + t2">html屬性不能使用雙大括號形式綁定，只能使用v-bind指令</p>
   </div> ...... var vm = new Vue({ el: '#app', data: { t1: 'title1', t2: 'title2' } });

2. 執行函數：

   <div id="app">
       <p v-bind:title="getTitle()">html屬性不能使用雙大括號形式綁定，只能使用v-bind指令</p>
   </div> ...... var vm = new Vue({ el: '#app', data: { getTitle: function () { return 'title content'; } } });

    

　　使用v-bind有三種綁定方法：

1. 對象型：'{red:isred}'
2. 三目型：'isred?"red":"blue"'
3. 數組型：'[{red:"isred"},{blue:"isblue"}]'