Javascript 未定义VueJS2属性

我编写了以下代码，Vue抱怨：

[Vue warn]：未在上定义属性或方法“事件” 实例，但在渲染期间被引用。确保声明为被动 数据选项中的数据属性

我不明白为什么不能访问事件

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);
            });
        }
    }
})

---

数据

用于内部组件数据建模，而可以在外部分配的道具是使用组件的

道具

键定义的

换句话说，尝试：

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

---

有关组件属性的完整文档，请参阅。

编辑：第一次没有很好地阅读代码。验证响应中是否有数据，如果没有，请将其设置为事件数组

但我还没有定义一个组件，是吗？从VueJS1.0开始，我总是将数据打包到我的“数据”容器中，如下所示：

new Vue（{el:'#app'，数据：{message:'您好，陛下！'}）；

根vue实例和组件接口属性的方式相同。我假设您有某种模板以某种方式提供属性值，但使用vue.set（…）时似乎出现了错误？如果是这种情况，我不确定您是否应该使用Vue.set，我认为您需要的是类似于

的this.incents

从

数据访问
事件
。我尝试了Vue.set的上一种方法，但仍然出现此错误。我正在回调函数中为变量incents赋值，那么它应该可以工作了吗？奇怪的是，响应程序功能工作得很好！它是相同的结构，所以我不明白为什么事件不能工作，然后你试过self了吗？你能验证一下你在响应中确实得到了任何数据，只是为了确保你有一些东西。刚刚注意到你现在将应用程序设置为
这个
：D:Dis不使用var app=这是吗？是的，数据可用这是整个代码吗？不明白为什么创建一个显示问题的文件会失败吗？