vue中json字符串如何map遍历

在Vue中，可以通过使用`JSON.parse()`方法将JSON字符串转换为JavaScript对象，然后再使用`v-for`指令进行遍历。

例如，假设你有如下JSON字符串:

const jsonString = '[{"name":"Alice","age":25},{"name":"Bob","age":30},{"name":"Charlie","age":35}]';

你可以在Vue中这样使用它：

<template>
  <div>
    <ul>
      <li v-for="(person, index) in parsedJson" :key="index">
        {{ person.name }} - {{ person.age }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      jsonString: '[{"name":"Alice","age":25},{"name":"Bob","age":30},{"name":"Charlie","age":35}]',
      parsedJson: []
    };
  },
  mounted() {
    this.parsedJson = JSON.parse(this.jsonString);
  }
};
</script>

在这个例子中，我们首先将JSON字符串保存在Vue组件的data属性中，然后在`mounted`钩子中将其解析为JavaScript对象并保存在`parsedJson`属性中。最后，我们使用`v-for`指令遍历`parsedJson`数组，并将每个人的姓名和年龄显示在列表项中。

请注意，使用`JSON.parse()`方法解析JSON字符串可能会抛出异常，因此应该在代码中进行适当的错误处理。