指令目錄：
1.v-show
2.v-if
3.v-model
4.v-on
5.v-for
6.v-bind
7.v-text
8.v-cloak
---------------------------------------
9.自定義指令 表單自動(dòng)獲取焦點(diǎn)
-----------------------------------------
一、v-cloak
作用 ：防止頁面數(shù)據(jù)加載速度慢時(shí)桩砰，頁面閃出花括號 {{}}拓春，直到數(shù)據(jù)加載完成才會(huì)顯示出DOM節(jié)點(diǎn)
語法 ： HTML中 <div v-cloak>{{表達(dá)式}}</div> style 中 [v-cloak] {display:none}
注意 ：在用到花括號時(shí)候才會(huì)使用
二、v-text
作用：更新元素的文本內(nèi)容textContent
語法：v-text=‘msg’ 類似于innerHTML,會(huì)將子節(jié)點(diǎn)內(nèi)容全部更新亚隅，但是不會(huì)解析HTML標(biāo)簽
注意：與雙大括號功能類似
三硼莽、對比 v-show 與 v-if
語法 ：v-show = 表達(dá)式結(jié)果的布爾值
true ：顯示元素
false ：隱藏元素
控制的元素display屬性
語法 : v-if = 表達(dá)式結(jié)果的布爾值
true ：顯示元素
false ：移除元素
控制元素的visibility屬性
四、v-for
作用 ：遍歷data中某個(gè)變量的數(shù)據(jù)枢步，并在頁面進(jìn)行數(shù)據(jù)展示
語法 ：v-for = "(item,index) in arr"
item ：表示每次遍歷得到的元素
index ：表示item的索引沉删，從來0開始（可選參數(shù)）
arr ：需要遍歷的data數(shù)據(jù)中的數(shù)組
五、v-bind
作用 ：綁定HTML元素的屬性
語法 ： v-bind ：屬性名 = "表達(dá)式"
綁定一個(gè)屬性：<img v-bind:src='myUrl' />
綁定多個(gè)屬性 ：<img v-bind="{src:myUrl,title:msg}" />
如果綁定的屬性是需要控制的：
綁定class ：v-bind:class="{類名:表達(dá)式}"
<button v-bind:class="{red:true}"></button>
六醉途、 v-model 雙向綁定
作用：將用戶的輸入同步到視圖上
語法 ：v-model = 變量
注意 ：v-model指令必須綁定在表單元素上
七矾瑰、v-on 事件綁定
作用：
語法：
注意：
八、自定義指令
作用：
語法：
注意：
