vue--v-for循環遍歷

1.v-for的基本使用

在這裏插入圖片描述
v-for的話我們首先自定義一個item(隨便取什麼名字都可以),然後循環遍歷names這個數組,最後把這個item展示出來就可以了。如果我們需要獲取索引值的話,則只需在item那裏加個括號,然後將index寫進去,同時循環遍歷就可以了

2.v-for循環遍歷對象

在這裏插入圖片描述
我們用v-for循環遍歷對象的話,如果只是獲取一個值,就是獲取到value。然後如果我們想獲取value和key的話,格式如下:v-for=“(value,key) in obj”。最後如果我們要獲取key和value和index的話,格式如下:v-for=“(value,key, index) in obj”

3.v-for使用過程中添加key

在這裏插入圖片描述
如果我們想在v-for的使用過程中添加key的話,我們需要使用v-bind來綁定我們的key(key是唯一的)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章