title: What is sane way in vuejs + vuex form handling?
body: <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>