1. 程式人生 > >vue中的v-for循環指令使用

vue中的v-for循環指令使用

v-for

技術分享圖片

循環數組:

1:直接遍歷數組中的數據

技術分享圖片

2:遍歷索引和值

技術分享圖片

註意:value在前面,不要寫反了,後面的參數才是對應的索引值。

遍歷對象:

1:遍歷值

技術分享圖片

2:遍歷key和value

技術分享圖片

註意:和數組一樣,前面是value,後面是key.

3:遍歷value 、 key 、index

技術分享圖片

註意:參數對應的值

技術分享圖片

vue中的v-for循環指令使用