摘要：列表渲染用把一個(gè)數(shù)組對(duì)應(yīng)為一組元素我們用指令根據(jù)一組數(shù)組的選項(xiàng)列表進(jìn)行渲染。你也可以用替代作為分隔符把對(duì)象屬性渲染列表你也可以提供第二個(gè)的參數(shù)為鍵名第三個(gè)參數(shù)為索引渲染組件列表自定義組件里，你可以像任何普通元素一樣用。

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

 
{{item.text}}{{wenben}}

 data:{

 items:[
    {text:"chifan",isOk:true},
    {text:"shuijue",isOk:false},
    {text:"kandianshi",isOk:true},
    {text:"dayouxi",isOk:true},
    {text:"kandianying",isOk:false},
 ]                   
 }    

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

 
{{index}}{{item.text}}{{wenben}}
  

    
 {{value}}
               

      

你也可以提供第二個(gè)的參數(shù)為鍵名：

    
{{key}} is {{value}}
               

  

第三個(gè)參數(shù)為索引：

    
{{index}}{{key}} is {{value}}
               

  

自定義組件里，你可以像任何普通元素一樣用 v-for 。

2.2.0+ 的版本里，當(dāng)在組件中使用 v-for 時(shí)，key 現(xiàn)在是必須的。

v-for 也可以取整數(shù)。在這種情況下，它將重復(fù)多次模板。

{{ n }}