Vue中v-for指令有什么用
這篇文章主要介紹Vue中v-for指令有什么用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
成都創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)青州,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792
v-for
用 v-for 指令根據(jù)遍歷數(shù)組來進(jìn)行渲染
有下面兩種遍歷形式
//使用in，index是一個(gè)可選參數(shù)，表示當(dāng)前項(xiàng)的索引
//使用of
下面是一個(gè)例子，并且在 v-for 中，擁有對(duì)父作用域?qū)傩缘耐耆L問權(quán)限。
{{parent}}-{{item.text}}
var example = new Vue({
el:'#app',
data:{
parent:'父作用域'
items:[
{text:'文本1'},
{text:'文本2'}
]
}
})
會(huì)被渲染為：
父作用域-文本1
父作用域-文本2
注意：當(dāng) v-for 和 v-if 同處于一個(gè)節(jié)點(diǎn)時(shí)，v-for 的優(yōu)先級(jí)比 v-if 更高。這意味著 v-if 將運(yùn)行在每個(gè) v-for 循環(huán)中
以上是“Vue中v-for指令有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
網(wǎng)頁名稱：Vue中v-for指令有什么用
轉(zhuǎn)載來于：
http://weahome.cn/article/jsechj.html
重慶分公司
重慶分公司
