使用vue.js从对象的数组中获取数据

Question

我正在尝试访问Vue.js中的以下数据

{"id":1,"name":"Westbrook","created_at":"2017-06-10T16:03:07.336Z","updated_at":"2017-06-10T16:03:07.336Z","stats":[{"id":1,"player_id":1,"points":2558,"assists":840,"rebounds":864,"created_at":"2017-06-10T16:03:07.373Z","updated_at":"2017-06-10T16:03:07.373Z"}]}

self.player = response.name有效。现在我需要self.point

methods: {
    fetchData: function() {
      var self = this;
      $.get("api/v1/players/1", function(response) {
        console.log(response);
        self.player = response.name;
        self.point = response.stats.points 
      });
    }
  }

到目前为止，我已尝试response.stats["points"]，response.stats[2]，response.stats[ { points } ]，response.stats[points]

Answer 1

json中的stats属性包含一个数组，其中第一个对象具有名为points的属性

因此请使用response.stats[0].points

请记住，虽然stats可能是一个数组，但有一个原因。它将来可能会包含多个对象，因此始终使用第一个元素[0]可能不是一个有效的方法。

Answer 2

我认为它可以帮到你

var json = JSON.parse(data);
json.stats[0].points