vue遍历json数组

Vue.js遍历JSON数组通常是在模板（template）中使用`v-for`指令来完成的。`v-for`可以让你很容易地循环遍历数组，并对每个元素执行一些操作。下面是一个基本的例子：

<template>
  <div id="app">
    <ul>
      <li v-for="(item, index) in items" :key="index">
        {{ item.name }} - {{ item.value }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { name: 'Item 1', value: 'Value 1' },
        { name: 'Item 2', value: 'Value 2' },
        { name: 'Item 3', value: 'Value 3' }
      ]
    };
  }
};
</script>

在这个例子中，`items`是一个JSON数组，`v-for`会为数组中的每个对象生成一个列表项。`:key`属性用于给每个列表项添加唯一的标识符，避免浏览器在更新时出现问题。