Vue 常用的指令都有哪些?并且說明其作用

1.v-model 多用于表單元素實(shí)現(xiàn)雙向數(shù)據(jù)綁定

2.v-for??循環(huán)數(shù)組

3.v-show 顯示內(nèi)容

4.v-hide 隱藏內(nèi)容

5.v-if 顯示與隱藏 (dom 元素的刪除添加 同 angular 中的 ng-if 默認(rèn)值為 false)v-else-if

必須和 v-if 連用 v-else 必須和 v-if 連用 不能單獨(dú)使用 否則報(bào)錯(cuò) 模板編譯錯(cuò)誤

6.v-bind 屬性綁定

7.v-on:click 給標(biāo)簽綁定函數(shù),可以縮寫為@?

8.v-text 解析文本

9.v-html 解析 html 標(biāo)簽

10.v-bind:class 三種綁定方法 1、對(duì)象型 '{red:isred}' 2、三元型 'isred?"red":"blue"' 3、

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

11.v-once 進(jìn)入頁面時(shí) 只渲染一次 不在進(jìn)行渲染

12.v-cloak 防止閃爍

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容