Vue组件删除妙招大揭秘！轻松清爽app不是梦

哥们儿，删 Vue 组件头疼？别急，我这有妙招，轻松搞定！

搞定Vue里的那啥组件删除，其实很轻松！让我来给你举个例子，比如用那个v-if或v-show，就是通过简单设定指令中数值为false，就能让组件神奇地消失哦～但是这个办法，要是只是删几个组件的话还行，如果多了点，那每次都得重刷全网页了。

只需给组件加个’ $destroy ‘方法，所有组件和子孙组件就全数消失！

想试试手动移除组件吗？其实挺简单的，就是把那个小模块从 DOM 上摘下来就好。不过别忘记，还要清理掉组件残留的数据和不需要的监听器，防止内存泄漏。

怎么让 app 变得更清爽？搞定它，我们就用vue的路由功能，非常简单易懂！

就是，调整一下路由器设置里的数字，动态部分的显示马上就改变咯~换句话说，只要调个数字，组件也就跟着变！

用Vue中的router-link，好处就是可以做链接方便快捷，随便点哪儿都会自动跳转到相应的组件上去！

{
  path: '/dynamic/:id',
  name: 'DynamicComponent',
  component: () => import('@/components/DynamicComponent.vue')
}

哎呦，遇到Vue组件里的路由参数改变了咋办？别慌，直接砍掉组件就行，超轻松的！而且这样做还能避免内存泄露棒不棒？咱们今天可是学到了不少新鲜玩意儿，比如说玩转混合状态管理的小技巧，怎么巧妙地隐藏组件用上v-if/v-show，还有vue内置的$destory方法，不仅能清除组件信息，连DOM元素都给清洁干净噢。最酷炫的就是，通过vue的路由功能也能实现同样效果，真心牛逼爆表！不过得注意用这些方法的时候要小心内存泄漏！如果你有啥问题或者想分享新学到的知识，赶紧在下方留言告诉我！收到你的点赞分享会让我更有动力哒！

组件1
组件2

有没有遇见过一卸载软件就不能用的情况呀？跟咱们分享分享你是咋解决的呗，让大伙儿也学两招

觉得好的话别忘了点赞和分享给你伙计们！多谢大伙儿！

export default {
  ...
  watch: {
    '$route.params.id': function() {
      this.$destroy()
    }
  }
}