Vue 基礎指令用法總結

2021-09-16 22:35:16 字數 1203 閱讀 8449

v-text關聯標籤的文字內容 textcontent 不能讀取html標籤

v-html關聯更新元素的 innerhtml 可以讀取html標籤

v-bind當表示式的值改變時,將其產生的連帶影響,響應式地作用於 dom

簡寫::class='msg』

超連結超連結

v-on元素繫結事件

超連結

超連結

事件修飾符:

v-model在表單元素上建立雙向資料繫結

}
v-for迴圈渲染標籤或元件

} }

v-if根據布林值 銷毀或重建元素

v-show根據布林值 切換元素的 display css 屬性

v-cloak頁面沒有完全載入的情況 元素不顯示

}

v-pre跳過這個元素和它的子元素的編譯過程。

}不編譯直接顯示
v-once只渲染元素和元件一次。隨後的頁面發生變化重新渲染,元素/元件及其所有的子節點將被視為靜態內容並跳過。

只渲染一次

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 指令總結

templet templet中只能有乙個根節點 v text 只能用於雙標籤中,就是給元素的innertext賦值 v html 就是給元素的innerhtml賦值 v if 如果值為false,在html中顯示,為true就插入元素,v else if v else v show 是顯示與否的問...