vue 获取json对象中的值

可以使用Vue的数据绑定语法来获取JSON对象中的值。例如，如果有一个JSON对象如下：

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

要获取其中的值，可以使用类似如下的Vue模板语法：

<template>
  <div>
    <p>Name: {{ person.name }}</p>
    <p>Age: {{ person.age }}</p>
    <p>City: {{ person.address.city }}</p>
    <p>State: {{ person.address.state }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      person: {
        name: "John",
        age: 30,
        address: {
          city: "New York",
          state: "NY"
        }
      }
    };
  }
};
</script>

在上面的例子中，我们在Vue实例的data选项中定义了一个名为person的对象，然后在Vue模板中使用数据绑定语法来获取该对象中的值。例如，`{{ person.name }}`会显示该对象中的name属性的值。同样的，`{{ person.address.city }}`会显示该对象中嵌套的address对象的city属性的值。