title: getting data from an object's array with vue.js
body: <p>I am trying to access the following data in Vue.js </p>
  
  <pre><code>{"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"}]}
  </code></pre>
  
  <p><code>self.player = response.name</code> works. now i need <code>self.point</code> </p>
  
  <pre><code>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 
        });
      }
    }
  </code></pre>
  
  <p>I have thus far tried <code>response.stats["points"]</code>, <code>response.stats[2]</code>, <code>response.stats[ { points } ]</code>, <code>response.stats[points]</code></p>