Vue常用一些指令

struggle_LZ發表於2018-05-21
什麼是指令
是一種特殊的自定義行間屬性(也就是在html標籤內寫);指令的職責就是當其表示式的值改變時相應地將某些行為應用到DOM上,在Vue中,指令以“v-”開頭


v-bind:動態繫結資料。簡寫為“:” 。=> 以後的:class="{red:boolean}"
v-on :繫結時間監聽器。簡寫為“@”,例:@click="xxx";
v-text :更新資料,會覆蓋已有結構。類似{{ msg }} ;
v-show :根據值的真假,切換元素的display屬性;
v-if :根據值的真假,切換元素會被銷燬、重建; => 在dom中已消失
v-else-if :多條件判斷,為真則渲染;
v-else :條件都不符合時渲染;
v-for :基於源資料多次渲染元素或模組;
v-model :在表單控制元件元素(input等)上建立雙向資料繫結(資料來源);
v-pre :跳過元素和子元素的編譯過程;
v-once :只渲染一次,隨後資料更新也不重新渲染;
v-cloak :隱藏未編譯的Mustache語法,在css中設定[v-cloak]{display:none;}
複製程式碼



相關文章