title: State history with browser back button vue.js
body: <p>I am developing an application with Vue and Laravel. Laravel is controlling my routes and I'm not using the <code>vue-router</code>.</p>
  
  <p>I am conditionally loading some components based on the state of an object in my parent components data.</p>
  
  <p>I have this method in my parent component:</p>
  
  <pre><code>  activateListingForm: function() {
      this.listingFormActive = !this.listingFormActive;
    }
  </code></pre>
  
  <p>This method is triggered by a button that will change <code>this.listingFormActive</code> to true or false.</p>
  
  <p>I then have this in the template of the component:</p>
  
  <pre><code>  &lt;transition name="slide-fade"&gt;
      &lt;create-listing-form v-if="listingFormActive"&gt;&lt;/create-listing-form&gt;
      &lt;listings-table v-else&gt;&lt;/listings-table&gt;
    &lt;/transition&gt;
  </code></pre>
  
  <p>A problem that I am having is that some users are clicking the browser back button expecting the last component to load. I'm wondering if there is a way to change the state based on the back button?</p>
  
  <p>Thanks</p>