v-pre
跳過這個元素和它的子元素的編譯過程
這裡的內容不會被編譯
v-html
輸出html
v-bind
語法糖:
動態更新html元素屬性
v-on
語法糖@
繫結事件
v-model
用於表單類元素上雙向繫結資料
v-cloak
和display:none
配合使用解決網速較慢螢幕閃動問題
[v-cloak]
v-once
定義它的元素或元件只渲染一次,包括元素或元件下的所有子元素。首次渲染後,不會再隨資料的變化重新渲染,將被視為靜態內容
v-if v-else-if v-else
條件渲染,根據表示式的值在dom中渲染或銷毀元素或元件
v-show
改變元素css的display
屬性,當v-show的值為false時,相當於給該元素設定display:none
v-for
將乙個陣列遍歷或列舉乙個物件迴圈顯示
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 指令總結
templet templet中只能有乙個根節點 v text 只能用於雙標籤中,就是給元素的innertext賦值 v html 就是給元素的innerhtml賦值 v if 如果值為false,在html中顯示,為true就插入元素,v else if v else v show 是顯示與否的問...
vue 常用指令 總結
1 v clock 解決插值表示式預設閃爍問題 預設有插值表示式,差值表示式前後可以新增內容 2 v text 插入文字,預設是沒有閃爍問題的,不用插值表示式,v text會替換內部內容 3 v html 把html解析然後渲染出來 注意 v text和插值表示式 不解析html標籤 v text ...