vue入門:v-for迴圈的使用方法
v-for迴圈物件-vue中v-for迴圈的使用方法:
1、v-for迴圈普通陣列
①建立vue物件
② 迴圈資料
結果:
2、v-for迴圈物件陣列
① 建立vue例項物件
② 迴圈物件陣列
結果:
3、v-for迴圈物件
①建立vue物件例項
②迴圈物件
結果:
4、v-for迴圈數字
①建立vue物件例項
②迴圈數字
結果:
5、v-for中key的使用方式
①建立vue物件例項
注意:push()方法一般是新增到陣列的最後的位置;unshift()方法是往最前面的位置新增。
②迴圈
注意:
v-for迴圈的時候,key屬性只能使用number或String。
key在使用的時候,必須使用v-bind屬性繫結的形式,指定key的值。
在元件中使用v-for迴圈的時候,或者在一些特殊情況中,如果v-for有問題,必須在使用v-for的同時,指定唯一的 字串/數字 型別 :key值。
結果:
相關文章
- 2021-09-13“第一次去物件家吃飯,她媽媽給我呈上來的,有啥含義?”哈哈哈
- 2021-09-09中國老牌電器廠叫板格力:同為降溫神器,多個logo就貴我大幾千元?
- 2021-06-15建軍前來看望關老爺子,一眼看上明代物件,關老爺子不樂意了
- 2021-05-19【情感】單身汪,你找到物件了嗎?這些話題,你能看出來是什麼樣?
- 2021-04-17《死亡迴圈》總監:本作可能會有《羞辱》的感覺