vue基本指令

一、指令

v-model 多用于表單元素實現(xiàn)雙向數(shù)據(jù)綁定(同angular中的ng-model)

v-for 格式: v-for="字段名 in(of) 數(shù)組json"? 循環(huán)數(shù)組或json(同angular中的ng-repeat),需要注意從vue2開始取消了$index

v-show 顯示內(nèi)容 (同angular中的ng-show)

v-hide? 隱藏內(nèi)容(同angular中的ng-hide)

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

v-else-if? 必須和v-if連用

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

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

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

v-text? 解析文本

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

v-bind:class? 三種綁定方法? 1、對象型? '{red:isred}'? 2、三元型? 'isred?"red":"blue"'? 3、數(shù)組型? '[{red:"isred"},{blue:"isblue"}]'

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

v-cloak? 防止閃爍

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

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

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

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