Vue常用的指令都有哪些?

Vue常用的指令都有哪些?

1、v-model

多用于表單元素實(shí)現(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ú)使用 否則報(bào)錯(cuò)模板編譯錯(cuò)誤

5、v-bind

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

6、v-on:click

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

7、v-text

解析文本

8、v-html

解析html標(biāo)簽

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

·對(duì)象型 '{red:isred}'

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

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

10、v-once

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

11、v-cloak

防止閃爍

12、v-pre

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

猜你喜歡

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

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

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

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