Javascript 如何将新对象动态添加到vue（对象）数据数组-vue.js？

我是vue.js的新手。我正在写表格。我的表单中有一个添加按钮，当用户单击此按钮时，相同的表单字段将添加到此表单中。用户可以添加任意次数的内容。为此，我的数据是

data () {
    return {
      form: [{
          fieldOne: '',
          fieldTwo: '',
      }]
    }
}

当用户在html中单击AddButon时，我的addForm函数被调用

addForm() {
 let newObject = {
              fieldOne: '',
              fieldTwo: '',
          }
 this.form.push(newObject); // Gives error.
}

我读到了。我可以轻松添加单个字段或对象。但我不知道如何将对象添加到表单数组中。
请帮帮我。

你有什么问题

标记

<div id="vueRoot">
  <button @click="addForm">
    Click Me !
  </button>
  {{form}}
</div>

---

即使你是新来的，只是四处看看，尝试一下，如果你给事物取真名，你会有更多的乐趣。“形式”和“领域一号”将很快导致头破血流

它给出了什么错误？谢谢你的回答。实际上，我在代码中犯了一些错误。这种情况经常发生：-）我们可以使用Vue.set（）添加此表单吗？不，我不这么认为，因为您是在向数组中添加行，而不是向对象中添加属性。但是没有必要。Vue将对使用数组方法进行的数组更改作出反应。只有在使用方括号语法修改数组时，才会出现问题。Vue.set（）或向对象添加值是否有任何区别？

var vm = new Vue({
  el : "#vueRoot",
  data : {
    form: [{
      fieldOne: '',
      fieldTwo: '',
    }]
  },
  methods : {
    addForm() {
      let newObject = {
        fieldOne: '',
        fieldTwo: ''
      }
      this.form.push(newObject); // Gives error.
    }
  }
});