最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Vue.js常用指令之循環(huán)使用v-for指令教程

前言

公司主營業(yè)務(wù):成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出乳源免費做網(wǎng)站回饋大家。

Vue.js中,v-for 指令需要以 item in items 形式的特殊語法, items 是源數(shù)據(jù)數(shù)組并且 item 是數(shù)組元素迭代的別名。

v-for 可以綁定數(shù)據(jù)到數(shù)組來渲染一個列表:

  1. {{ site.name }}

輸出:

Vue.js常用指令之循環(huán)使用v-for指令教程

模板中使用 v-for:

效果:

Vue.js常用指令之循環(huán)使用v-for指令教程

v-for 可以通過一個對象的屬性來迭代數(shù)據(jù):

  • {{ value }}

效果:

創(chuàng)新互聯(lián)

https://www.jb51.net

美好生活,等待你的開創(chuàng)!

v-for 通過一個對象的屬性來迭代數(shù)據(jù),可以提供第二個的參數(shù)為鍵名:

  • {{ key }} : {{ value }}

效果:

name : 創(chuàng)新互聯(lián)

url : https://www.jb51.net

slogan : 美好生活,等待你的開創(chuàng)!

v-for 通過一個對象的屬性來迭代數(shù)據(jù),以第三個參數(shù)為索引:

  • {{ index }} {{ key }}:{{ value }}

效果:

0 name:創(chuàng)新互聯(lián)

1 url:https://www.jb51.net

2 slogan:美好生活,等待你的開創(chuàng)!

v-for 也可以循環(huán)整數(shù)

  • {{ n }}

效果:

1
2
3
4
5
6
7
8
9
10

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對創(chuàng)新互聯(lián)的支持。


網(wǎng)頁名稱:Vue.js常用指令之循環(huán)使用v-for指令教程
新聞來源:http://fisionsoft.com.cn/article/jshodc.html