VueJS2 Eigenschaft nicht

Question

definiert Ich schrieb den folgenden Code und Vue klagt:

[Vue warnen]: Eigenschaft oder Methode „Vorfälle“ definiert ist, nicht auf der Instanz aber während machen verwiesen. Stellen Sie sicher, dass Sie in der Datenoption reaktive Dateneigenschaften deklarieren.

Ich sehe nicht, warum Vorfälle nicht zugegriffen werden können?

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 
       var incidentsReceived = response.data.map(function (incident) { 
        return incident; 
       }); 
       Vue.set(app, 'incidents', incidentsReceived); 
      }) 
     }, 

     getResponders: function() { 
      console.log('fetchResponders'); 
      var app = this; 
      this.$http.get('/api/v1/responders').then(function(response) { 
       // set data on vm 
       var respondersReceived = response.data.map(function (responder) { 
        return responder 
       }); 
       Vue.set(app, 'responders', respondersReceived); 
      }); 
     } 
    } 
}) 

Answer 1

data ist für die interne Komponentendatenmodellierung gemeint, während Requisiten, die extern belegt werden kann, festgelegt werden unter Verwendung der props Schlüssel für die Komponente.

Mit anderen Worten, versuchen:

var app = new Vue({ 
    ..., 
    props: { 
    incidents: { 
     type: Array, 
     required: false //change this as you see fit. 
    } 
    }, 
    ... 
}); 

Für eine vollständige Dokumentation über Bauteileigenschaften finden Sie in der official guide.

Answer 2

EDIT: Habe den Code zum ersten Mal nicht sehr gut gelesen. Stellen Sie sicher, dass in der Antwort Daten enthalten sind, und legen Sie das Ereignisarray nicht fest.