title: Vue-router reloads page and I lose my state, how do i avoid this?
body: <p>I have a form divided in 5 components and the user can navigate through them via steppers (I'm using vue-material for my project). I use vue-router for that. However, I'm having a serious issue here: components lose all the information in the store (I'm using vuex) when they come back to a route they already filled. So to make it clear: if a user fills the first step of the form and then goes to step two, when he wants to come back to step one data is no longer available and the form is totally empty (and the state in vuex is also reset). What am i doing wrong?</p>
  
  <pre><code>import Vue from 'vue'
  import Router from 'vue-router'
  import Projet from '@/components/Fiches/Projet/Projet'
  
  
  Vue.use(Router)
  
  export default new Router({
  routes: [
  {
    path: '/',
    name: 'Home',
    component: Projet
  },
  //other routes here
  ]
  })
  </code></pre>
  
  <p>And this is the html code</p>
  
  <pre><code>&lt;template&gt;
   &lt;div class="project-steppers"&gt;
     &lt;md-steppers md-dynamic-height md-alternative&gt;
        &lt;md-step id="first" to="/Projet" md-label="Projet" /&gt;
         // other steps here
      &lt;/md-steppers&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>And an example of one of the inputs I use: </p>
  
  <pre><code>      &lt;md-field&gt;
          &lt;label for="project-name"&gt;Nom du projet&lt;/label&gt;
          &lt;md-input id="project-name"
                    v-model="project.projectName"
                    name="project-name"
                    @change="updateProjectName"/&gt;
        &lt;/md-field&gt;
  
  [...]
    methods: {
  updateProjectName () {
    this.$store.commit(projectStore.MUTATE_PROJECTNAME, this.project.projectName)
  }
  </code></pre>
  
  <p><strong>More information:</strong> when I fill the different inputs I see that the store is updated with the new values, so the mutation is working.</p>