title: VUEJS data.map is not a function
body: <p>I am using VueJS and got an error message that I didnt have before. The incidents var is an array, so it should work I would assume?</p>
  
  <p>In my HTML file I included:</p>
  
  <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.2.0/vue-resource.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>When I log the output of response.data I see an array:</p>
  
  <p><a href="https://i.stack.imgur.com/n3QyF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n3QyF.png" alt="enter image description here"></a></p>
  
  <blockquote>
    <p>Uncaught (in promise) TypeError: response.data.map is not a function
        at Vue$3. (main.js:17)</p>
  </blockquote>
  
  <pre><code>var app = new Vue({
      el: '#app',
      data: {
          responders: [],
          incidents: []
      },
  
      mounted: function () {
          this.getIncidents();
      },
  
      methods: {
          getIncidents: function() {
              console.log('getIncidents');
              var app = this;
              this.$http.get('/api/v1/incidents').then(function(response) {
                  // set data on vm
                  var incidentsReceived = response.data.map(function (incident) {
                      return incident
                  });
                  Vue.set(app, 'incidents', incidentsReceived);
              });
          }
  })
  </code></pre>