vue2中v-for

在Vue 2.x中，当在一个元素上同时使用v-if和v-for时，v-for会优先生效。这意味着v-if的条件判断会在v-for循环之前进行，如果v-if的条件为false，则该元素不会被渲染。而在Vue 3.x中，v-if始终优先于v-for生效，这意味着v-if的条件判断会在v-for循环之前进行，无论条件是否为true，该元素都会被渲染。

参考引用中的描述，Vue 2.x中的v-for指令可以用来遍历数组和对象，并通过指定的参数（item、index、key等）获取数组或对象的元素值、索引和键。参考引用，可以使用v-for指令来遍历整数。下面是一些示例代码：

1. 遍历数组：

<ul id="example-1">
  <li v-for="(item, index) in items" :key="index">
    {{ item.message }}
  </li>
</ul>

var example1 = new Vue({
  el: '#example-1',
  data: {
    items: [
      { message: 'Foo' },
      { message: 'Bar' }
    ]
  }
})

2. 遍历对象：

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

new Vue({
  el: '#v-for-object',
  data: {
    object: {
      firstName: 'John',
      lastName: 'Doe',
      age: 30
    }
  }
})

在以上示例中，我们可以看到v-for指令的用法以及如何使用索引和键来访问数组和对象的元素。请注意，在Vue 2.x中，v-for的优先级高于v-if，因此如果一个元素上同时有v-if和v-for指令，v-for会先生效。