title: How to destroy a component when building SPA with Vue.js and vue-router?
body: <p>Say I have a router map looks like this:</p>
  
  <pre><code>router.map({
  '/a_example': {
      component: A
  },
  
  '/b_example': {
      component: B
  },
  </code></pre>
  
  <p>There is a Ajax Request every 1 sec on component A. I load <code>/a_example</code> in the browser and click the link on the <code>component A</code> to go to <code>/b_example</code>. Now the browser is showing component B as expected. However, the Ajax Request doesn't stop and still sends request every 1 sec.</p>
  
  <p>My guess is that vue-router still keeps component A under the hood so that it won't hit performance issues.</p>
  
  <p>Anyway all I've found out in <a href="http://vuejs.github.io/vue-router/en/view.html" rel="nofollow" title="vue-router docs">http://vuejs.github.io/vue-router/en/view.html</a> is this <code>keep-alive</code> thing. But it's deactive by default and I am sure I did't use it.</p>
  
  <p>Is there some kind of options I can make use of?</p>