新聞中心
前言
公司主營業(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ù)組來渲染一個列表:
- {{ site.name }}
輸出:
模板中使用 v-for:
- {{ place.name }}
- --------------
效果:
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 }}