vue json字符串 怎么取值

在 Vue.js 中，如果你想从 JSON 字符串中取值，通常会在组件的数据选项（data）中先解析这个字符串，然后再通过点操作符 `.` 或方括号操作符 `[ ]` 来访问嵌套的对象属性。以下是一个例子：

假设你有这样一个 JSON 字符串存储在变量 `jsonStr` 中：

let jsonStr = '{"name": "John", "age": 30, "city": "New York"}';

你可以将其转换为 JavaScript 对象，然后像操作普通对象一样操作：

this.jsonData = JSON.parse(jsonStr); // 解析成对象

现在 `jsonData` 变量就是 `{name: ..., age: ..., city: ...}` 的形式，你可以直接获取值：

// 获取名字
this.nameValue = this.jsonData.name;

// 或者使用方括号语法
this.ageValue = this.jsonData['age'];

如果 JSON 数据结构更复杂，比如有多层嵌套，可以继续递归访问：

function getValue(json, path) {
  const parts = path.split('.');
  let current = json;
  for (let i = 0; i < parts.length; i++) {
    if (!current.hasOwnProperty(parts[i])) {
      break;
    }
    current = current[parts[i]];
  }
  return current;
}

// 调用函数获取城市名
this.cityValue = getValue(this.jsonData, 'city');