v-for 遍历json数组

当你需要遍历 JSON 数组时，同样可以使用 Vue.js 框架的 v-for 指令。假设你有如下的 JSON 数组：

[
  {
    "name": "John Doe",
    "age": 30,
    "email": "johndoe@example.com"
  },
  {
    "name": "Jane Smith",
    "age": 25,
    "email": "janesmith@example.com"
  },
  {
    "name": "Bob Johnson",
    "age": 35,
    "email": "bobjohnson@example.com"
  }
]

你可以使用 v-for 指令来遍历它：

<div v-for="item in jsonArray" :key="item.email">
  <p>Name: {{ item.name }}</p>
  <p>Age: {{ item.age }}</p>
  <p>Email: {{ item.email }}</p>
</div>

在上面的例子中，item 是数组中的每个元素对象，你可以通过 item.key 访问对象中的键值对。注意要为每个遍历的元素设置一个唯一的 key 值，这里使用了 item.email 作为 key。根据实际需求，你可以自定义模板来展示 JSON 数组中的数据。