vue 常用指令 總結

(1)v-clock:(解決插值表達式默認閃爍問題),默認有插值表達式,差值表達式前後可以添加內容

(2)v-text: 插入文本,默認是沒有閃爍問題的,不用插值表達式,v-text會替換內部內容

(3)v-html:把html解析然後渲染出來

 注意:①.v-text和插值表達式 不解析HTML標籤;②.v-text 和 v-html都能替換掉標籤內部的內容(包括差值表達式的內容)

(4).v-bind: 是vue中,用於綁定屬性的指令,把引號裏的內容當做js代碼解析,單個單詞即可當做變量,也可以是表達式,v-bind可以省略,button的提示框用title屬性

(5)v-on:  vue中提供了v-on:事件綁定機制

(6).v-model:v-model可以實現表單元素的雙向綁定

注意:v-bind只能實現數據的單項綁定

(7).v-for的四種使用方式:
①. v-for循環普通數組
②. v-for循環對象數組
③. v-for循環對象
③. v-for迭代數組

注意:v-for中key的使用

(8).v-if和v-show

v-if特點:每次都會重新刪除或創建元素
v-show特點:每次不會重新進行DOM的刪除和創建操作,只是切換了元素的display:none樣式
v-if有較高的切換性能消耗,v-show有較高的初始渲染的消耗;如果元素設計到頻繁的切換,做好不要用v-if,如果元素可能永遠也不會被顯示出來被用戶看到,則推薦使用v-if(登錄註冊界面使用)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章