vue 常用指令 總結

2021-09-24 09:45:55 字數 805 閱讀 7839

(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(登入註冊介面使用)

vue常用指令

1 v model id box type text v model br div var a new vue script 就和 ng model 乙個意思了 v html html v html html渲染過程中被解析 v text text 同上 意思就是資料渲染過程中被解析 v for v...

vue常用指令

常用內建指令 v text 更新元素的 textcontent v html 更新元素的 innerhtml v if 如果為true,當前標籤才會輸出到頁面 v else 如果為false,當前標籤才會輸出到頁面 v show 通過控制display樣式來控制顯示 隱藏 v for 遍歷陣列 物件...

vue常用指令

vue常用指令 1.v text v text主要用來更新textcontent,可以等同於js的text屬性 2.v html 雙大括號的方式會將資料解釋為純文字,而非html。為了輸出真正的html,可以用v html指令。它等同於js的innerhtml屬性。3.v pre v pre主要用來...