Vue.js 字符串转 JSON 对象：方法详解及示例

可以使用JSON.parse()方法将一个字符串转换成JSON对象。

var jsonString = '{"name":"John", "age":30, "city":"New York"}';
var jsonObj = JSON.parse(jsonString);
console.log(jsonObj); // 输出 {name: 'John', age: 30, city: 'New York'}

在Vue中，你可以在Vue组件中使用这个方法将一个字符串转换成JSON对象。

export default {
  data() {
    return {
      jsonString: '{"name":"John", "age":30, "city":"New York"}',
      jsonObj: null
    }
  },
  mounted() {
    this.jsonObj = JSON.parse(this.jsonString);
  }
}

然后你可以在模板中访问jsonObj。

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