title: component won't render again although properties have changed
body: <p>I would like to create a simple "Conway's Game of Life" application and store the settings that have already been made to the localStorage.</p>
  
  <p>I created three views</p>
  
  <ul>
  <li><p>Map Settings
  | Define map size etc.</p></li>
  <li><p>Map Setup
  | Create a preset for your map</p></li>
  <li><p>Map Launch
  | Launch your preset</p></li>
  </ul>
  
  <p>Whenever the settings change the preset has to be deleted because the preset might have a different old size. The settings use default values if the localStorage is empty.</p>
  
  <p>Within my store I save the map setup to the <code>grid</code> property. So the value is either <code>null</code> or a two dimensional array from the localStorage.</p>
  
  <p>When routing to the <em>MapSetup.vue</em> file I use the mounted event to setup the preset</p>
  
  <pre><code>  mounted: function() {
      if (this.grid) { // the preset from the store / localStorage
        this.currentGrid = this.grid; // use the preset
      } else {
        this.currentGrid = this.generateNewMap(); // generate a new preset
      }
    }
  </code></pre>
  
  <p><code>this.currentGrid</code> could have a size of 50x50 for example. I created a working example of my application here</p>
  
  <p><a href="https://codesandbox.io/s/vuetify-vuex-and-vuerouter-h6yqu" rel="nofollow noreferrer">https://codesandbox.io/s/vuetify-vuex-and-vuerouter-h6yqu</a></p>
  
  <p>You can define the settings in <em>MapSettings.vue</em> and the <code>grid</code> state from mapSetup should be set to <code>null</code>. After redirecting to <em>MapSetup.vue</em> no grid should appear but if you debug <code>this.currentGrid</code> there should be a two dimensional grid that should be rendered.</p>
  
  <p>Why does the card remain empty and won't "draw" a grid?</p>