vue for循环对象数组

Vue中可以使用v-for指令来循环遍历对象和数组。下面是具体的使用方法：

1. 循环遍历对象

1.1 在HTML中循环遍历对象

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

1.2 在JS中使用for-in遍历对象

for (let key in obj) {
  console.log(key + ': ' + obj[key])
}

2. 循环遍历数组

2.1 在HTML中循环遍历数组

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

2.2 在JS中使用for循环遍历数组

for (let i = 0; i < arr.length; i++) {
  console.log(i + ': ' + arr[i])
}

2.3 在JS中使用for-of遍历数组

for (let item of arr) {
  console.log(item)
}

2.4 不推荐使用for-in遍历数组，因为它会遍历数组的所有属性，包括原型链上的属性。

2.5 使用forEach()函数遍历数组

arr.forEach(function(item, index) {
  console.log(index + ': ' + item)
})

引用中提到了数组的forEach()函数，它可以遍历数组并对每个元素执行指定的操作，例如：

arr.forEach(function(item, index) {
  arr[index] = item * 2
})

这段代码会将数组中的每个元素都乘以2。