一 ： 指令的概念：
指令是vue自定義的以v-開頭的自定義屬性。每個(gè)不同的屬性都有各自不同的意義和功能
二 ： 指令的語法：
v-指令名 = “表達(dá)式判斷或者是業(yè)務(wù)模型中屬性名或者事件名”
三 ： 具體指令
1. v-text
作用 ： 操作元素中的純文本
快捷方式 ： {{}}
栗子1
簡寫形式：將v-text=""換成{{}}
結(jié)果：hello world
栗子2
結(jié)果：今天是2017年5月
等同于：<h1 id="app1">今天是{{year}}年{{month}}月</h1>
這里v-text=""施戴，雙引號并不是代表字符串壁榕，而是vue自定義的劃定界限的符號。如果我們里邊輸出字符串任内，就要在里邊再添加一對單引號撵渡。而且經(jīng)測驗(yàn)，要想輸出字符串死嗦，必須添加單引號趋距，否則會報(bào)錯
這里month默認(rèn)是從0開始的，所以我們要+1
這里{{}}代表的就是""越除，所以在v-text=""中节腐，我們在內(nèi)容里邊就不需要再寫{{}}了外盯，直接寫data值就行
栗子3
結(jié)果：
hello
hello!!!
has message
第四五句報(bào)錯
大胡子{{}}里邊支持表達(dá)式
但不是所有的表達(dá)式都能放在里邊，只有單個(gè)語句的可以翼雀，像var和if就不可以
如果想使用if語句的話饱苟，用三元運(yùn)算符代替
栗子4
可以采用對象的形式傳遞多個(gè)數(shù)據(jù)
結(jié)果：
姓名 : 小明
性別 : 男
年齡 : 8
補(bǔ)充一點(diǎn)：
用{{}}的弊端：當(dāng)網(wǎng)速很慢或者下面的JavaScript寫錯時(shí)，會直接將{{message}}渲染到頁面
而使用v-text="message" 如果出錯是不顯示的
所以在實(shí)際開發(fā)中用v-text比較多
2. v-html
作用 ： 操作元素中的HTML標(biāo)簽
v-text會將元素當(dāng)成純文本輸出狼渊，v-html會將元素當(dāng)成HTML標(biāo)簽解析后輸出
栗子1
結(jié)果：輸出代表圖片名稱的字符串箱熬，而不是將圖片輸出
由此可見：{{}}/v-text不能解析html元素，只會照樣輸出
栗子2
結(jié)果 ： 成功顯示圖片
3.gif
注意 ： 你的站點(diǎn)上動態(tài)渲染的任意 HTML 可能會非常危險(xiǎn)狈邑，因?yàn)樗苋菀讓?dǎo)致 XSS 攻擊城须。請只對可信內(nèi)容使用 HTML 插值，絕不要對用戶提供的內(nèi)容插值米苹。
3. v-bind
作用 ： 綁定標(biāo)簽屬性糕伐，：后面是標(biāo)簽屬性名
栗子1
? ?
5.gif
栗子2
補(bǔ)充v-bind小例子
v-show
作用：通過判斷，是否顯示該內(nèi)容蘸嘶。如果值為true赤炒，則顯示。否則就隱藏亏较。
語法：v-show=”判斷表達(dá)式”
特點(diǎn)：元素會始終渲染在DOM中莺褒，只是被設(shè)置了display:none
舉個(gè)栗子
運(yùn)行結(jié)果 ：
從中我們可以看出 ：
v-show與否通過內(nèi)聯(lián)樣式display：none來體現(xiàn)
這里可以給seen賦任何值，瀏覽器會根據(jù)轉(zhuǎn)化后的值來判斷是否顯示
其中空數(shù)組和空對象會顯示雪情，undefined遵岩，null，0會隱藏巡通，1等也會顯示
轉(zhuǎn)自作者：椰果粒
