未捕获的类型错误：无法读取 Vuejs 中未定义的属性“推送”

Question

未捕获的类型错误：无法读取未定义的属性“推送”。 我收到这个错误。 请帮我弄清楚我哪里出错了。 我正在关注这个链接（ https://jsbin.com/fikosoxuki/15/edit?html,js,output ）

<template>
    <v-card class="mb-12">
      <v-form :model='user' class="content-padding" ref='pdfInputs'> 
       <ul>
        <li v-for="(input, index) in user.inputs">
         <input type="text" v-model="input.one"> - {{ input.one }}  
         <input type="text" v-model="input.two"> - {{ input.two }}
         <button type="button" @click="deleteRow(index)">Delete</button>
        </li>
       </ul>    
       <button type="button" @click="addRow">Add more</button>
      </v-form>
    </v-card>
</template>

<script>
 export default {
  data () {
    return {
     user: {
      inputs: []
     }
    }
  }
  methods: {
    addRow() {
      this.user.inputs.push({
        one: '',
        two: ''
      })
    },
    deleteRow(index) {
      this.user.inputs.splice(index,1)
    }
  }
 }
</script>

更新（添加错误）

Answer 1

我不使用Vue，但是需要先新建一个Vue object吗？

 const app = new Vue({ el: '#app', data: { user: { inputs: [] } }, methods: { addRow() { this.user.inputs.push({ one: '', two: '' }) }, deleteRow(index) { this.user.inputs.splice(index,1) } } }) export default app