vue3 解析一下json

在Vue3中解析JSON数据可以使用JSON.parse()方法。该方法可以将一个JSON字符串转换为JavaScript对象。

示例代码如下：

const jsonString = '{"name":"John", "age":30, "city":"New York"}';
const obj = JSON.parse(jsonString);
console.log(obj);

输出结果为：

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

在Vue中，你可以将解析后的对象存储在组件的数据属性中，然后在模板中使用它们。

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

<script>
export default {
  data() {
    return {
      person: {}
    };
  },
  mounted() {
    const jsonString = '{"name":"John", "age":30, "city":"New York"}';
    this.person = JSON.parse(jsonString);
  }
};
</script>

这样，你就可以在模板中访问person对象的属性了