vue 指令總結

2022-05-05 05:18:09 字數 558 閱讀 4851

templet:' ',templet中只能有乙個根節點;

v-text:只能用於雙標籤中,就是給元素的innertext賦值;

v-html:就是給元素的innerhtml賦值;

v-if:如果值為false,在html中顯示,為true就插入元素,v-else-if;v-else;

v-show:是顯示與否的問題;

v-bind:給屬性繫結值,從vue到頁面的單向資料流

v-bind:value = "變數" ,簡寫::file=" '常量定義' ";

v-on:點選後給屬性賦值

v-on:click = " myvalue = ' abc' ",簡寫:@click = " ";

v-model:雙向資料邦定,只能給具備value的屬性元素進行雙向繫結;

v-for:迴圈陣列或物件,

stus:變數,stus維陣列時:(item,index)  :class = " index%2 == 0? ' red ':' green '  ";

為物件時:v-for = "(value,key,index)in stus";

vue 指令總結

vue的指令 v for,in,key,v bind,v model,v on,v once,v cloak,v html,v text v show,v on,v if,v else if,v else,v pre 1.vue模板語法 使用雙花括號 這裡為文字插值 雙花括號裡面的資料解析為普通文字...

vue指令總結

v pre跳過這個元素和它的子元素的編譯過程 這裡的內容不會被編譯 v html輸出html v bind語法糖 動態更新html元素屬性 v on語法糖 繫結事件 v model用於表單類元素上雙向繫結資料 v cloak和display none配合使用解決網速較慢螢幕閃動問題 v cloak ...

vue 常用指令 總結

1 v clock 解決插值表示式預設閃爍問題 預設有插值表示式,差值表示式前後可以新增內容 2 v text 插入文字,預設是沒有閃爍問題的,不用插值表示式,v text會替換內部內容 3 v html 把html解析然後渲染出來 注意 v text和插值表示式 不解析html標籤 v text ...