vue學習- 列表渲染v-for

v-for用法

可操作的對象：

  數組（普通數組，對象數組）、對象、數字；

以對象數組爲例：

let arr=[
  {name:'張三'，age:'18',sex:'男'},
  {name:'李思'，age:'20',sex:'女'},
  {name:'龐斑'，age:'31',sex:'男'}
]

方式1：
   v-for="item in dataList"
方式2：
   v-for="(item,index) in dataList" :key='index'
方式3：
   v-for="(item,key,index) in dataList" :key='index'

 

 

 

 

不推薦同時使用 v-if 和 v-for。請查閱風格指南以獲取更多信息。

當 v-if 與 v-for 一起使用時，v-for 具有比 v-if 更高的優先級。請查閱列表渲染指南以獲取詳細信息。

 

參考鏈接：

vue v-for循環的用法

https://cn.vuejs.org/v2/guide/list.html#用-v-for-把一個數組對應爲一組元素