更新時間:2021-10-15 來源:黑馬程序員 瀏覽量:
Vue常用的指令都有哪些?
1、v-model
多用于表單元素實現(xiàn)雙向數(shù)據(jù)綁定(同angular中的ng-model)
2、v-for
格式: v-for="字段名 in(of) 數(shù)組json"
循環(huán)數(shù)組或json(同angular中的ngrepeat),需要注意從vue2開始取消了$index
3、v-show
顯示內(nèi)容(同angular中的ng-show)
4、v-if
顯示與隱藏(dom元素的刪除添加 同angular中的ng-if默認值為false)velse-if必須和v-if連用v-else必須和v-if連用 不能單獨使用 否則報錯模板編譯錯誤
5、v-bind
動態(tài)綁定 作用是及時對頁面的數(shù)據(jù)進行更改
6、v-on:click
給標簽綁定函數(shù),可以縮寫為@,例如綁定一個點擊函數(shù) 函數(shù)必須寫在methods里面
7、v-text
解析文本
8、v-html
解析html標簽
9、v-bind:class 三種綁定方法
·對象型 '{red:isred}'
·三元型 'isred?"red":"blue"'
·數(shù)組型 '[{red:"isred"},{blue:"isblue"}]'
10、v-once
進入頁面時,只渲染一次,不在進行渲染
11、v-cloak
防止閃爍
12、v-pre
把標簽內(nèi)部的元素原位輸出
猜你喜歡