How to destroy a component when building SPA with Vue.js and vue-router?
<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>