javascript - 未定义的属性 'push' - vue.js

Question

我正在尝试稍微了解一下 vue.js，但在将项目推送到数组时遇到了一些问题。下面的代码基于 scrimba 教程，起初我对其进行了一些详细说明，但后来出现错误:“Uncaught typeError:无法读取未定义的属性‘push’”。

所以我简化了它，直到我回到教程的基础知识。但错误仍然存​​在..

let app = new Vue({
    el: '#toDoApp',
    data: {
        todos: [
            { text: 'Learn JavaScript' },
            { text: 'Learn Vue' },
            { text: 'Build something awesome' }
        ]
    }
});

toDoApp.todos.push({ text: 'New item' });

在push语句之后，列表应该是4个项目，而不是我看到的3个。

我在网上读到了一些东西，说这可能是因为我试图分配给它的变量不是一个数组，但据我所知它是一个数组。事实上，我确实可以发现这与教程代码之间没有任何区别。

Answer 1

this.todos.push({ text: '新项目' });

或者

app.todos.push({ text: '新项目' });