vue2中 js循环遍历

在 Vue2 中，你可以使用 `v-for` 指令来循环遍历数组、对象和字符串。具体的语法如下：

1. 遍历数组：

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

其中，`items` 是要遍历的数组，`item` 表示数组中的每一个元素，`index` 表示元素的索引。在 `v-for` 指令中，使用小括号包裹需要遍历的内容，使用冒号绑定 `key` 属性，避免出现重复的元素。

2. 遍历对象：

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

其中，`obj` 是要遍历的对象，`value` 表示对象中的每一个属性值，`key` 表示属性名。在 `v-for` 指令中，使用小括号包裹需要遍历的内容，使用冒号绑定 `key` 属性，避免出现重复的元素。

3. 遍历字符串：

<ul>
  <li v-for="(char, index) in 'hello'" :key="index">{{ char }}</li>
</ul>

在上述示例中，我们使用 `v-for="(char, index) in 'hello'"` 循环遍历字符串 `'hello'` 中的每一个字符，并将它们渲染为一个个的 `li` 元素。

在循环遍历时，我们可以使用 `v-if` 指令对每一个元素进行条件判断，也可以使用 `v-bind` 指令绑定属性值。例如：

<ul>
  <li v-for="(item, index) in items" :key="index" v-if="item.checked">{{ item.name }}</li>
</ul>

在上述示例中，我们在循环遍历中使用了 `v-if="item.checked"` 对每一个元素进行了条件判断，只有满足 `item.checked` 为真时才会渲染该元素。