title: How can I destroy a cached Vue component from keep-alive?
body: <p>My Vue app has a dynamic tabs mechanism.</p>
  <p>Users can create as many tabs as the want on the fly, each tab having its own state (eg &quot;Pages&quot;).</p>
  <p>I am using the <code>&lt;keep-alive&gt;</code> component to cache the different pages.</p>
  <pre><code>&lt;keep-alive include=&quot;page&quot;&gt;
    &lt;router-view :key=&quot;$route.params.id&quot; /&gt;
  &lt;/keep-alive&gt;
  </code></pre>
  <p>But users can also &quot;close&quot; individual tab. As pages tend to store a lot of datas, I would like to delete the according page component from the cache, <em>as the user close the tab</em>.</p>
  <p>How can I programmatically destroy a cached component inside keep-alive ?</p>