title: Passing Form Data Between Components & Vue Routing
body: <p>I am trying to create a step-by-step form using Components &amp; Routing. If there is a better or easier approach to do this, please feel free to suggest, since I am new to Vue.js.</p>
  
  <p>I have a  and 3 templates.</p>
  
  <pre><code>&lt;template id="step-1"&gt;
    &lt;h1&gt;Welcome to Form&lt;/h1&gt;
  &lt;/template&gt;
  
  &lt;template id="step-2"&gt;
    &lt;label&gt;Name:&lt;/label&gt;
    &lt;input type="text" name="name" v-model="name" /&gt;
  
    &lt;br /&gt;
    &lt;label&gt;Email:&lt;/label&gt;
    &lt;input type="email" name="email" v-model="email" /&gt;
  &lt;/template&gt;
  
  &lt;template id="step-3"&gt;
    &lt;p&gt;Review:&lt;/p&gt;
  
    &lt;!-- Display Step 2 Form Values --&gt;
    {{ name }}
    {{ email }}
  
    &lt;button&gt;Submit&lt;/button&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>What I want to do is, display the input values on #step-3, and on a button click, submit the form via an ajax call.</p>
  
  <p>You can view the Fiddle from here: <a href="https://jsfiddle.net/j7mwc9wk/" rel="nofollow">https://jsfiddle.net/j7mwc9wk/</a></p>