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

v-for

成都創(chuàng)新互聯(lián)自2013年起，先為永登等服務(wù)建站，永登等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為永登企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

我們用 v-for 指令根據(jù)一組數(shù)組的選項(xiàng)列表進(jìn)行渲染。 v-for 指令需要以 item in items 形式的特殊語(yǔ)法， items 是源數(shù)據(jù)數(shù)組并且 item 是數(shù)組元素迭代的別名。

基本用法

  

    {{ item.message }}
  

var example1 = new Vue({
  el: '#example-1',
  data: {
    items: [
      {message: 'foo' },
      {message: 'Bar' }
    ]
  }
})

結(jié)果：

 
 
 

  
  
  
Foo
  
  
  
Bar
 
 
 

在 v-for 塊中，我們擁有對(duì)父作用域?qū)傩缘耐耆L問權(quán)限。 v-for 還支持一個(gè)可選的第二個(gè)參數(shù)為當(dāng)前項(xiàng)的索引。

  

    {{ parentMessage }} - {{ index }} - {{ item.message }}
  

var example2 = new Vue({
  el: '#example-2',
  data: {
    parentMessage: 'Parent',
    items: [
      { message: 'Foo' },
      { message: 'Bar' }
    ]
  }
})

結(jié)果：

 
 
 

  
  
  
Parent - 0 - Foo 
  
  
  
Parent - 1 - Bar
 
 
 

你也可以用 of 替代 in 作為分隔符，因?yàn)樗亲罱咏?JavaScript 迭代器的語(yǔ)法：

Template v-for

如同 v-if 模板，你也可以用帶有 v-for 的