vue获取json数组中的值

要获取 JSON 数组中的值，可以使用 Vue 的 v-for 指令来遍历数组，然后通过对象的属性名来获取对应的值。

例如，假设有一个名为 "items" 的 JSON 数组，其中包含多个对象，每个对象都有 "name" 和 "age" 属性，我们可以使用以下代码来获取每个对象的 "name" 属性：

<template>
  <ul>
    <li v-for="item in items" :key="item.id">
      {{ item.name }}
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'John', age: 30 },
        { id: 2, name: 'Mary', age: 25 },
        { id: 3, name: 'Bob', age: 40 }
      ]
    }
  }
}
</script>

在上面的例子中，我们使用 v-for 指令遍历 "items" 数组，并将每个对象赋值给 "item" 变量。然后，我们在模板中使用双括号语法来访问 "item.name" 属性，以显示每个对象的名称。