vue最常用的指令
阿新 • • 發佈:2018-12-19
1.在vue中常見的 new Vue({ el: “#box”, // element(元素) 當前作用域 data(){ return { //用return返回物件 msg: “122” } } }) 2.v-model雙向繫結資料 將元件與變數進行雙向繫結,當元件資料修改時,變數會隨之改變,他後面可加修飾符,(例如lazy,只有在標籤中的值發生時才同步到變數,trim過濾使用者輸入中的空格) 3.v-once;不允許修改資料 4.v-if="表示式"根據表示式結果來判斷,是true則渲染元素,false則將元素註釋掉 5.v-show與v-if類似,true就是渲染元素,false不是註釋掉元素,而是通過,display:none來將元素隱藏掉,如果需要來回切換,使用v-show和v-hide來使用。 6.v-else和v-else-if與v-if一起使用做出邏輯判斷, 7.v-for迴圈用於遍歷元素,使用v-for=“形參 in 索引”,其中遍歷的內容可以是陣列/物件/字串。 8.v-text向標籤內注入資料並且覆蓋標籤內的其他資料。 9.v-html向標籤內覆蓋注入html內容作為子元素 10.v-bind給標籤繫結屬性。類,樣式等。可以縮寫為冒號 11.v-on給標籤繫結函式,可以縮寫為@