如何从JSON获取数据？我的v-for循环不工作

{
  "name": "John",
  "age": 30,
  "city": "New York"
}

var jsonStr = '{"name":"John","age":30,"city":"New York"}';
var jsonObj = JSON.parse(jsonStr);

console.log(jsonObj.name); // 输出：John
console.log(jsonObj.age); // 输出：30
console.log(jsonObj.city); // 输出：New York

[
  {"name": "John", "age": 30},
  {"name": "Jane", "age": 25},
  {"name": "Bob", "age": 35}
]

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

<script>
export default {
  data() {
    return {
      items: [
        {"name": "John", "age": 30},
        {"name": "Jane", "age": 25},
        {"name": "Bob", "age": 35}
      ]
    };
  }
};
</script>