我实际上是在youtube上为Vue.js做了一个教程,我坚持这个错误,我第一次在这里发布一个问题 . 如果我做错了,我会提前道歉

错误:未捕获的TypeError:无法读取未定义的属性“push”

这里是视频教程的链接我'm taking and I' m卡在47:03 https://www.youtube.com/watch?v=z6hQqgvGI4Y

<template>
<div class="users">
<h1> Users </h1>

<form v-on:submit="addUser">
<input type="text" v-model="newUser.name" placeholder="Enter name">

<input type="text" v-model="newUser.email" placeholder="Enter email">
<input type="submit" value="submit"> </form> <ul> <li v-for="user in user"> <input type="checkbox"> {{user.name}}: {{user.email}}<button v-on:click="">delete</button> </li> </ul> </div> </template> <script> export default{ name: 'users', data(){ return { newUser:{}, user: [{ name: "Aanif Zia", email: "aanif@hotmail.com", contacted: false }, { name: "Annas Zia", email: "annas@gmail.com", contacted: false }, { name: "Siemel Zia", email: "siemel@live.com", contacted: false } ] } }, methods: { addUser: function(e){ this.users.push( { name: this.newUser.name, email: this.newUser.email, contacted: false, }); e.preventDefault(); } } } </script> <style scoped> </style>