title: How to dynamically add a new object to array of vue (object) data- Vue.js?
body: <p>I am new to vue.js. I am working on form. I have a add button in my form, as user click on this button same form field will be added to this form. And user can add as many times he/she want. For this my data is .</p>
  <pre><code>data () {
      return {
        form: [{
            fieldOne: '',
            fieldTwo: '',
        }]
      }
  }
  </code></pre>
  <p>As user click on add buton in html my addForm fucntion is called.</p>
  <pre><code>addForm() {
   let newObject = {
                fieldOne: '',
                fieldTwo: '',
            }
   this.form.push(newObject); // Gives error.
  }
  </code></pre>
  <p>I read about <a href="https://v2.vuejs.org/v2/api/#Vue-set" rel="nofollow noreferrer">Vue.set</a>. I can easliy add single field or object. But I don't know how to add object to my form array.<br />
  Please help me out.</p>