- 在vue中提供了一些對于頁面 + 數(shù)據(jù)的更為方便的輸出,這些操作就叫做指令, 以v-xxx表示
- 比如html頁面中的屬性 ```<div v-xxx ></div>``
- 比如在angular中 以ng-xxx開頭的就叫做指令
- 在vue中 以v-xxx開頭的就叫做指令
- 指令中封裝了一些DOM行為, 結(jié)合屬性作為一個暗號, 暗號有對應(yīng)的值,根據(jù)不同的值，框架會進行相關(guān)DOM操作的綁定
vue中常用的v-指令演示
- v-text:元素的InnerText屬性,必須是雙標簽 跟{{ }}效果是一樣的 使用較少
- v-html: 元素的innerHTML
- v-if : 判斷是否插入這個元素,相當(dāng)于對元素的銷毀和創(chuàng)建
- v-else-if
- v-else
- v-show 隱藏元素 如果確定要隱藏, 會給元素的style加上display:none云石。是基于css樣式的切換
v-text 只能用在雙標簽中
v-text 其實就是給元素的innerText賦值
v-html 其實就是給元素的innerHTML賦值
v-if 如果值為false,會留下一個<!---->作為標記也殖，萬一未來v-if的值是true了必峰，就在這里插入元素
如果有if和else就不需要單獨留坑了
如果全用上 v-if 相鄰v-else-if 相鄰 v-else 否則 v-else-if可以不用
v-if和v-else-if都有等于對應(yīng)的值哗咆，而v-else直接寫
v-if家族都是對元素進行插入和移除的操作
v-show是顯示與否的問題
注意: 指令其實就是利用屬性作為標識符,簡化DOM操作,
看：v-model="xxx"
v-model 代表要做什么 xxx代表針對的js內(nèi)存對象
寫在那個元素上膘掰，就對哪個元素操作
