title: How to rerender a component in Vue
body: <p>I have a sidebar consisted of three tabs:</p>
  
  <pre><code>Home Users List
  </code></pre>
  
  <p>When I click the 'Users' tab, Router will transition like this:</p>
  
  <pre><code>this.$router.push('index/users')
  </code></pre>
  
  <p>and then the Users component will be rendered in:</p>
  
  <pre><code>&lt;router-view&gt;&lt;/router-view&gt;
  </code></pre>
  
  <p>Now I want to click the Users tab again in order to fetch latest data.But the component won't re-render again, and the data doesn't refresh.</p>
  
  <p>Are there any other ways I can resolve it instead of F5? 
  I hope it works for all of the components.
  PS: I fetch data in the lifecycle hook created().</p>