国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Vue 列表渲染

ChanceWong / 3473人閱讀

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

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

我們用 v-for 指令根據一組數組的選項列表進行渲染。 v-for 指令需要以 item in items 形式的特殊語法, items 是源數據數組并且 item 是數組元素迭代的別名。

 
{{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 塊中,我們擁有對父作用域屬性的完全訪問權限。 v-for 還支持一個可選的第二個參數為當前項的索引。

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

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

{{key}} is {{value}}

第三個參數為索引:

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

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

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

一段取值范圍的v-for

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

{{ n }}   
v-for on a