https://www.bilibili.com/video/BV15741177Eh?p=37
當(dāng)我們有一組數(shù)據(jù)需要進(jìn)行渲染時,我們就可以使用v-for來完成方援。
v-for的語法類似于JavaScript中的for循環(huán)没炒。
格式如下:item in items的形式。
我們來看一個簡單的案例:
如果在遍歷的過程中不需要使用索引值
v-for="movie in movies"
依次從movies中取出movie犯戏,并且在元素的內(nèi)容中送火,我們可以使用Mustache語法,來使用movie
如果在遍歷的過程中先匪,我們需要拿到元素在數(shù)組中的索引值呢种吸?
語法格式:v-for=(item, index) in items
其中的index就代表了取出的item在原數(shù)組的索引值。
image.png
image.png
v-for可以用戶遍歷對象:
比如某個對象中存儲著你的個人信息呀非,我們希望以列表的形式顯示出來坚俗。
image.png
注意是v-for="(value,key,index) in info"