1、v-if：判斷是否隱藏
2、v-for：數據循環
3、v-bind:class：綁定一個屬性
4、v-model:實現數據雙向綁定
拓展：5.v-on 指令 事件指令，可以接受一個定義的方法來使用。
這里重點說明一個v-if和v-show的區別：
共同點：都是通過判斷綁定數據的true/false來展示的
不同點：v-if只有在判斷為true的時候才會對數據進行渲染，如果為false代碼刪除。除非再次進行數據渲染，v-if才會重新判斷。可以說是用法比較傾向於對數據一次操作。
v-show是無論判斷是什么都會先對數據進行渲染，只是false的時候對節點進行display:none;的操作。所以再不重新渲染數據的情況下，改變數據的值可以使數據展示或隱藏。
Vuejs2.0指令匯總：
v-html ="..." /該指令綁定對象用於向網頁輸出數據 再用data向其中賦值。
v-model 雙向綁定數據
v-text 展示對應文本
v-once 渲染對應的標簽一次1
v-html 把賦值的標簽渲染出來
v-on： 事件綁定 . 事件類型 =‘函數’或者 @ 事件類型=‘函數 ’
v-if 判斷指令（true or false ）
v-show='布爾對象'，在data中為該對象賦值 true則顯示內容，反之則不現實 （注意 ：注:v-show 不支持 元素，也不支持 v-else，且v-show會在開始對內容進行渲染 但是現不現實 由對象的布爾值來控制 ）
v-for =循環顯示元素，可以循環數組
v-cloak 防止頁面加載時出現vuejs的變量名指令 ，在項目 開發中 。經常會遇到當數據在加載時的vue標簽閃現，在數據加載 完后消失，這時候 就會用到該指令 。
v-bind 適用於綁定行內屬性
計算屬性：computed 屬性是基於它的依賴緩存，只有相關依賴發生改變時才會重新取值。而使用 methods 屬性，在重新渲染的時候，函數總會重新調用執行。通俗點就是一個n+=1的函數操作， 如果我之前計算過 一個對象 初始值為1輸出一次得2再次輸出，依賴內存的computed屬性會有 上次輸出的結果就直接輸出了緩存中的結果 ，而methods會 在第二次輸出3第三次4一次加一。