Vue.js 将 JSON 字符串转换为数据格式 | 示例教程

<template>
  <div>
    <ul>
      <li v-for="person in data" :key="person.name">
        <h2>{{ person.name }}</h2>
        <p>年龄：{{ person.age }}</p>
        <p>{{ person.desc }}</p>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {
      data: []
    };
  },
  mounted() {
    const jsonString = '[{ "name": "张三", "age": "12", "desc": "我是张三" }, { "name": "李四", "age": "21", "desc": "我是李四" }]';
    this.data = JSON.parse(jsonString);
  }
};
</script>