Vue中的常見指令： * v-text : 不能識別帶標籤的內容，會將整個標籤中的內容完整替換掉 * v-html : 可以識別到內容中的標籤 * v-pre : 不解析該標籤中的內容，以原本形式呈現 * v-cloak : 解決vue載入中顯示原始碼問題，只能寫在vue例項繫結的標籤上，沒有載入完之前會有一個v-cloak屬性存在，載入完之後屬性消失 * v-once : 只對當前標籤內的內容做一次解析，之後不管發生任何變化都不會在響應 * v-if : 條件渲染指令，根據條件的真假新增或刪除對應的元素,真表示新增 假表示刪除 * v-else : 不需要給任何值，只寫屬性名即可，但是必須配合v-if來使用 * v-else-if : 必須配合v-if來使用 * v-show : 根據條件的真假來顯示和隱藏元素，利用的是css中的display屬性進行的顯示和隱藏   * 當該元素顯示與隱藏切換不頻繁時，使用v-if 如果需要頻繁切換顯示與隱藏則使用v-show * v-if有更高的切換效能消耗，v-show有更高的初始渲染消耗   * v-bind : 用來動態繫結一個或者多個屬性，常用繫結class，style，src等   繫結class類的實現:     1. 直接繫結一個數據 ： 這樣會將該資料中的值作為類名繫結，值發生變化，類名會跟著變化     2. 繫結一個數組形式 ：同時新增多個類名時語法，陣列中的每一項都是資料中的名字，會將該資料的值依次作為類名顯示     3. 繫結一個物件形式： 物件的屬性名就是類名，屬性值是一個boolean型別的值，如果為true表示新增該類，false表示刪除這個類   v-bind可以簡寫成 :   語法糖
* v-on: 主要作用就是繫結一個事件 簡寫 @     如果不需要傳遞引數，則可以省略，如果需要傳遞引數，則需要加小括號，在小括號中傳遞需要的內容     如果不加小括號，則函式會預設傳遞一個引數，這個引數就是event物件     如果加小括號，則事件物件不會自動傳遞，我們需要手動傳遞一個$event的值，才能獲取到event物件
    v-on中的事件修飾符:         .stop  阻止事件流         .prevent  阻止預設事件         .native  監聽元件根元素的原生事件         .once  只觸發一次事件
* v-for 列表渲染   可以遍歷物件、陣列、字串以及數字 可以使用 for in 語法  也可以使用 for of 語法   每一次遍歷可以的到兩個引數 item index * v-for和v-if能同時作用於一個標籤嗎？   能但是不推薦，因為v-for要比v-if有更高的優先順序，這樣就意味著v-if會在重複的執行在每一次v-for迴圈中，這樣對於節點的效能消耗是有影響的，但是如果我們需要其中部分內容渲染,這樣的語法又是可以使用的 * v-for使用時 還需要注意一點 就是需要為每一個v-for提供一個唯一的key值，為每一個迭代的內容設定一個唯一識別符號，這樣在陣列資料發生變化時，vue會根據唯一的key值來進行比對渲染，只會將key值發生變化的部分進行操作，這樣會大大提高頁面渲染效率
* v-model : 應用於表單的雙向資料繫結    實際上就是v-bind:value 及 v-on:input 兩個指令結合的語法糖
   v-model的修飾符：    .lazy   :將雙向繫結的input事件更改為change事件，也就是當表單失去焦點時才會觸發響應    .number ：將使用者輸入的內容轉換為number型別，只對純數字有效    .trim   ：去除使用者輸入的首尾空格