vue json字符串根据key取值

在Vue中，可以使用JSON.parse()方法将JSON字符串转换为JavaScript对象，然后使用对象的属性名来获取对应的属性值。例如，假设我们有以下JSON字符串：

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

我们可以使用以下代码将其转换为JavaScript对象，并获取其中的属性值：

var jsonStr = '{"name":"John","age":30,"city":"New York"}';
var jsonObj = JSON.parse(jsonStr);

var name = jsonObj.name;
var age = jsonObj.age;
var city = jsonObj.city;

console.log(name); // 输出：John
console.log(age); // 输出：30
console.log(city); // 输出：New York

如果JSON字符串中包含嵌套的对象或数组，我们可以使用类似于以下代码的方式来获取其属性值：

var jsonStr = '{"name":"John","age":30,"city":"New York","pets":[{"name":"cat","age":2},{"name":"dog","age":3}]}';
var jsonObj = JSON.parse(jsonStr);

var petName = jsonObj.pets[0].name;
var petAge = jsonObj.pets[0].age;

console.log(petName); // 输出：cat
console.log(petAge); // 输出：2