title: Vue js v-link same route does not update content
body: <p>If I am at the route: </p>
  
  <pre><code>person/:slug
  </code></pre>
  
  <p>And I click a link:</p>
  
  <pre><code>&lt;div v-for="person in persons" v-link="{ name: 'person', params: { slug: person.slug }}"&gt;
  </code></pre>
  
  <p>The URL will change the parameter but the actual content/component does not update. If I hit refresh it will since the URL is updated. I have tried the canReuse property without any luck.</p>
  
  <p>Routes:</p>
  
  <pre><code>router.map({
      '/': {
          name: 'search',
          component: Search
      },
      '/person/:slug': {
          name: 'person',
          component: Person
      }
  })
  </code></pre>
  
  <p>Component:</p>
  
  <pre><code>&lt;template&gt;
      {{ person.slug }}
  &lt;/template&gt;
  
  
  &lt;script&gt;
      import PersonRepository from '../person-repository.vue'
  
      export default {
          data () {
              return { person: null }
          },
          asyncData (resolve, reject) {
              return PersonRepository.get(this, this.$route.params.slug).then((person) =&gt; {
                  return { person: person }
              })
          }
      }
  &lt;/script&gt;
  </code></pre>