vue 自定义组件销毁

今天在开发电商vue前端项目时，用户每次登出再换其它用户登录时，页面显示的用户名和左则导航都还是上个用户的，刚开始以为是localStorage中没有清除全局数据,然后在用户点击退出系统时手动清除localStorage.clear();可是当换另一个用户登录时还是显示上一个用户的信息，具体如下图：

好，我们换另一个用户登录,如下图：

最后查询到的主要问题是，以上几个不同的地方都是引入的自定义组件,只要用户第一次登录系统后，组件加载一次到缓存中，不管以后其它用户登录多少次，还是以第一次内存中的为主。具体可以看下我的如下代码：

以上就是加载的自定义组件，下次就不会再次走了，为什么呢，因为我们没有销毁阿。

上网上查了很多关于这方面的信息，要不太麻烦，要不就是看不懂，最好想到在离开home页面时销毁以上三个组件：具体代码如下：

 

 

这样就解决了我们刚才遇到的问题，这个问题耽误了我半天的工作量，只能加班了。