title: Submit a form in vue. How do I reference the form element?
body: <p>I want to do a classic form submission from my Vue page, from a method. I don't want to use an <code>&lt;input type=&quot;submit&quot;&gt;</code>. How do I reference the form element in the page from my method? Surely I don't have to do <code>document.getElementById()</code> ?</p>
  <p><strong>markup</strong></p>
  <pre class="lang-html prettyprint-override"><code>    &lt;div id=&quot;vueRoot&quot;&gt;
        &lt;form&gt;
          &lt;input name=&quot;vitalInformation&quot; v-model=&quot;store.vital&quot;&gt;
          &lt;a href=&quot;#&quot; v-on:click=&quot;submit&quot;&gt;SUBMIT&lt;/a&gt;
        &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>
  <p><strong>code</strong></p>
  <pre class="lang-js prettyprint-override"><code>    var store = {vital:''};
      vm = new Vue({
        el : &quot;#vueRoot&quot;,
        data : {store : store},
        methods : {
          submit : function(){
            //I'm ready, how do I do it ??
          }
        }
      });
  </code></pre>
  <p><strong><a href="https://jsfiddle.net/bbsimonbb/5upmvLkb/" rel="noreferrer">jsfiddle</a></strong></p>