Vue常用的指令都有哪些?

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默認(rèn)值為false)velse-if必須和v-if連用v-else必須和v-if連用 不能單獨(dú)使用 否則報錯模板編譯錯誤

5、v-bind

動態(tài)綁定 作用是及時對頁面的數(shù)據(jù)進(jìn)行更改

6、v-on:click

給標(biāo)簽綁定函數(shù)，可以縮寫為@，例如綁定一個點擊函數(shù) 函數(shù)必須寫在methods里面

7、v-text

解析文本

8、v-html

解析html標(biāo)簽

9、v-bind:class 三種綁定方法

·對象型 '{red:isred}'

·三元型 'isred?"red":"blue"'

·數(shù)組型 '[{red:"isred"},{blue:"isblue"}]'

10、v-once

進(jìn)入頁面時，只渲染一次，不在進(jìn)行渲染

11、v-cloak

防止閃爍

12、v-pre

把標(biāo)簽內(nèi)部的元素原位輸出

猜你喜歡

在vue中v-for指令中key作用

v-show和v-if有什么區(qū)別？

VUE框架有哪些優(yōu)點？

黑馬程序員HTML&JS+前端開發(fā)課程