title: Two way bind into template
body: <p>I've been searching for hours now and i just can't figure it out..
  Is there any way that i could bind the data from an input, send it to the template and here use the data?</p>
  
  <p>Let me paint the picture...</p>
  
  <blockquote>
    <p><em>edit.php</em></p>
  </blockquote>
  
  <pre><code>&lt;form&gt;
    &lt;input v-model="?"&gt;
  &lt;/form&gt;
  
  &lt;prod-preview name="somehowsendthename"&gt;&lt;/prod-preview&gt;
  </code></pre>
  
  <blockquote>
    <p><em>prod-preview.vue</em></p>
  </blockquote>
  
  <pre><code>&lt;template&gt;
      &lt;h1&gt;{{ name }}&lt;/h1&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
      name: "product-preview",
      props: ["name"],
      data(){
          return {
              name: ""
          }
      },
  }
  </code></pre>
  
  <p></p>
  
  <p>Don't worry about binding the actual component, that works. Thank you</p>