title: vue js component doesn't rerender on the same page
body: <p>I have a component</p>
  
  <pre><code>&lt;template&gt;somecode&lt;/template&gt;
  &lt;script&gt;
   export default {
          name: 'Card',
          created() {
                  axios.get(apiObjUrl)
                        somecode
                  })
       }
  &lt;/script&gt;
  </code></pre>
  
  <p>this my url:
  <a href="http://127.0.0.1:8080/#/card/12" rel="nofollow noreferrer">http://127.0.0.1:8080/#/card/12</a></p>
  
  <p>But I have a problem: </p>
  
  <p>when I use router-link like this:</p>
  
  <pre><code>&lt;router-link to="/card/155"&gt; card 155&lt;/router-link&gt;
  </code></pre>
  
  <p>my url changes: <a href="http://127.0.0.1:8080/#/card/155" rel="nofollow noreferrer">http://127.0.0.1:8080/#/card/155</a></p>
  
  <p>but the <code>created()</code> method doesn't get fired.
  so I don't make new xhr request to api 
  and data not changes
  what do I do?</p>