title: Vue - Switching between components
body: <p>Imagine I have a order form with 3 stages - Personal details, Order details, payment.</p>
  
  <p>I want to toggle the next component from within the previous one (hoping to adjust the value of 'step')</p>
  
  <pre><code>&lt;Component1 v-if="step = 1"&gt;&lt;/Component1&gt;
  &lt;Component2 v-else-if="step = 2"&gt;&lt;/Component2&gt;
  &lt;Component3 v-else&gt;&lt;/Component3&gt;
  </code></pre>
  
  <p>So, with those on my view, is it possible for me to pass the value of 'step' in to component1 and do something like </p>
  
  <pre><code>&lt;button v-on:click="step = 2"&gt;
     Submit
  &lt;/button&gt;
  </code></pre>
  
  <p>then on that click, update the value of step on my main view (with the 3 components) and with that, hide my first completed component and displaying the second?</p>
  
  <p>Thanks for any insight!</p>