What is sane way in vuejs + vuex form handling? : <p>I have a large forms to submit in single page.</p>

<pre><code>&lt;container&gt;
  &lt;formA&gt;
  &lt;formB&gt;
  &lt;formC&gt;
  &lt;submitButton&gt;
&lt;container&gt;
</code></pre>

<p>it looks apparently like this. and I have a store which save every form data. then when user click submit button, I gather all form data using vuex store.</p>

<p>The problem is I need to update the form data in store everytime.</p>

<p>so I'll be like this in vue component</p>

<pre><code> watch: {
   userInput (val) {
     this.updateState(val)
 }
</code></pre>

<p>update state when input changes by watching form data(binded with v-model).</p>

<p>or like this which is documented in vuex doc.</p>

<pre><code>  userInput: {
    get () {
      return this.$store.state.userInput
    },
    set (val) {
      this.updateState(val)
    }
  }
</code></pre>

<p>well.. I don't think these are good idea. Is there any better way to form handling with vuex?</p>
