for的用法vue

在Vue中，for是一個(gè)很常用的指令。for可以用來(lái)循環(huán)遍歷數(shù)組或?qū)ο螅秩境鱿鄳?yīng)的內(nèi)容。

數(shù)組遍歷：

<div v-for="item in items">{{ item }}

data: { items: ['a', 'b', 'c'] }

對(duì)象遍歷：

<div v-for="(value, key) in object">{{ key }}: {{ value }}

data: { object: { a: 1, b: 2, c: 3 } }

for還可以使用index作為第二個(gè)參數(shù)來(lái)獲取當(dāng)前元素在數(shù)組中的下標(biāo)。例如：

<div v-for="(item, index) in items">{{ index }}: {{ item }}

data: { items: ['a', 'b', 'c'] }

有時(shí)候需要在循環(huán)中加入條件判斷。這時(shí)可以使用v-if指令：

<div v-for="item in items" v-if="item % 2 === 0">{{ item }}

data: { items: [1, 2, 3, 4, 5, 6] }

循環(huán)中也可以使用方法調(diào)用：

<div v-for="item in getItems()">{{ item }}

色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看