title: Vuejs return form data from other component
body: <p>I have an App.vue where I load a form with input fields (component). Submitting method works but I am not getting any data from the form input field title.</p>
  
  <p>How can I achieve that?</p>
  
  <p>App.vue:</p>
  
  <pre><code>&lt;form v-on:submit.prevent="getFormValues"&gt;
      &lt;page-header :title="'Banner toevoegen'"&gt;&lt;/page-header&gt;
      &lt;form-input :label="'title'" :labelvalue="'Titel'" :type="'text'" :placeholder="''" :name="'title'" :value="''" :classname="'form-control'" :id="''"&gt;&lt;/form-input&gt;
      &lt;form-input :label="''" :labelvalue="''" :type="'submit'" :placeholder="''" :name="'title'" :value="'banner toevoegen'" :classname="'form-control'" :id="''"&gt;&lt;/form-input&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>AND method </p>
  
  <pre><code>methods: {
          getFormValues (submitEvent) {
              this.name = submitEvent.target.elements.title.value
              console.log(this.title)
          },
  </code></pre>
  
  <p>Input.vue:</p>
  
  <pre><code>&lt;template&gt;
       &lt;div&gt;
          &lt;div class="form-group"&gt;
              &lt;label v-if="label" :for="label" v-html="labelvalue"&gt;&lt;/label&gt;
              &lt;input :type="type" :placeholder="placeholder" :name="name" :value="value" :class="classname" :id="id"&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  &lt;/template&gt;
  
  
  &lt;script&gt;
      export default {
          props: {
              type: String,
              placeholder: String,
              name: String,
              value: String,
              classname: String,
              id: String,
              label: String,
              labelvalue: String
          }
      }
  &lt;/script&gt;
  </code></pre>