亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Vue 列表渲染

ChanceWong / 3546人閱讀

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

列表渲染 用v-for把一個數(shù)組對應為一組元素

我們用 v-for 指令根據(jù)一組數(shù)組的選項列表進行渲染。 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 塊中,我們擁有對父作用域?qū)傩缘耐耆L問權(quán)限。 v-for 還支持一個可選的第二個參數(shù)為當前項的索引。

 
{{index}}{{item.text}}{{wenben}}
你也可以用 of 替代 in 作為分隔符
v-for把對象屬性渲染列表
{{value}}

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

{{key}} is {{value}}

第三個參數(shù)為索引:

{{index}}{{key}} is {{value}}
v-for渲染組件列表

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

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

一段取值范圍的v-for

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

{{ n }}   
v-for on a