记录vue中component切换组件时销毁定时器问题

问题描述：有A、B两个子组件，通过component进行切换，子组件中有定时器，当切换组件时需要把定时器给注销掉。

1、通过VUE组件生命周期进行删除定时器

2、使用this.$once来监听定时器

3、....

组件生命周期详细：https://www.cnblogs.com/wangjiachen666/p/9497749.html

使用this.$once参考：https://juejin.im/post/5cc17b88f265da03705fbbbe

以下测试代码，其中A.vue为生命周期删除，B.vue为this.$once监听删除

Test.vue

A.vue 

B.vue

效果：

如果在comprnent组件外加上keep-alive后，上述的删除定时器方法就会失效了。

参考：http://www.3qphp.com/web/javascript/5103.html

测试代码新增C.vue,并且comprnent组件外加上keep-alive

效果展示

如有问题，欢迎指正！毕竟我只是个打杂的！