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”}]`