Vue 常用指令
2020/11/18 11:51:43 閱讀：2713
發(fā)布者：2713
v-model 多用于表單元素實(shí)現(xiàn)雙向數(shù)據(jù)綁定（同angular中的ng-model）
v-for 格式： v-for="字段名 in(of) 數(shù)組json" 循環(huán)數(shù)組或json(同angular中的ng-repeat),需要注意從vue2開始取消了$index
v-show 顯示內(nèi)容 （同angular中的ng-show）
v-hide 隱藏內(nèi)容（同angular中的ng-hide）
v-if 顯示與隱藏 （dom元素的刪除添加 同angular中的ng-if 默認(rèn)值為false）
v-else-if 必須和v-if連用
v-else 必須和v-if連用 不能單獨(dú)使用 否則報(bào)錯(cuò) 模板編譯錯(cuò)誤
v-bind 動(dòng)態(tài)綁定 作用： 及時(shí)對頁面的數(shù)據(jù)進(jìn)行更改
v-on:click 給標(biāo)簽綁定函數(shù)，可以縮寫為@，例如綁定一個(gè)點(diǎn)擊函數(shù) 函數(shù)必須寫在methods里面
v-text 解析文本
v-html 解析html標(biāo)簽
v-bind:class 三種綁定方法 1、對象型 '{red:isred}' 2、三元型 'isred?"red":"blue"' 3、數(shù)組型 '[{red:"isred"},{blue:"isblue"}]'
v-once 進(jìn)入頁面時(shí) 只渲染一次 不在進(jìn)行渲染
v-cloak 防止閃爍
v-pre 把標(biāo)簽內(nèi)部的元素原位輸出
