Javascript Vue.js-未捕获类型错误：无法读取属性'；推动'；未定义at<；匿名>；：1:12_Javascript_Html_Google Chrome_Vue.js

Javascript Vue.js-未捕获类型错误：无法读取属性'；推动'；未定义at<；匿名>；：1:12

javascript html google-chrome vue.js

Javascript Vue.js-未捕获类型错误：无法读取属性'；推动'；未定义at<；匿名>；：1:12,javascript,html,google-chrome,vue.js,Javascript,Html,Google Chrome,Vue.js,我收到一条错误消息：未捕获的TypeError:无法读取处未定义的属性“push” ：1:12 尝试通过Chrome中的控制台将另一项推送到TODO列表后： app3.todos.push({ text: "New item" }) 下面是我的代码： HTML 用于Vue.Js的Web window.onload=函数（）{ var app3=新的Vue({ el:“附录3”，数据：{ 待办事项：[ {文本：“1”}， {案文：“2”}， {案文：“3”}， {文本：“4”} ] } }

我收到一条错误消息：

未捕获的TypeError:无法读取处未定义的属性“push” ：1:12

尝试通过Chrome中的控制台将另一项推送到TODO列表后：

app3.todos.push({ text: "New item" })

下面是我的代码：

HTML


用于Vue.Js的Web
window.onload=函数（）{
var app3=新的Vue({
el:“附录3”，
数据：{
待办事项：[
{文本：“1”}，
{案文：“2”}，
{案文：“3”}，
{文本：“4”}
]
}
});
}

{{todo.text}}

将代码移出页面加载的事件处理程序，一切都会好起来。否则，您将无法通过控制台访问变量实例

布杜利内克昨天已经告诉你了。：）


用于Vue.Js的Web

{{todo.text}}

var app3=新的Vue({
el:“附录3”，
数据：{
待办事项：[
{文本：“1”}，
{案文：“2”}，
{案文：“3”}，
{文本：“4”}
]
}
});

或在window.onload之外创建app3变量。是的，它也可以工作。在您写此评论之前，我找到了它。无论如何，谢谢

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Web for Vue.Js</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        window.onload = function () {
            var app3 = new Vue({
                el:"#app3",
                data: {
                    todos:[
                        {text: "1"},
                        {text: "2"},
                        {text: "3"},
                        {text: "4"}
                    ]
                }
            });
        }
    </script>
</head>
<body>
    <div id="app3">
        <ol>
            <li v-for="todo in todos">
                {{ todo.text }}
            </li>
        </ol>
    </div>
</body>

</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Web for Vue.Js</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app3">
        <ol>
            <li v-for="todo in todos">
                {{ todo.text }}
            </li>
        </ol>
    </div>
    <script>
            var app3 = new Vue({
                el:"#app3",
                data: {
                    todos:[
                        {text: "1"},
                        {text: "2"},
                        {text: "3"},
                        {text: "4"}
                    ]
                }
            });
    </script>
</body>

</html>