浅谈Vue中的bus事件总线注意事项

问题：路由切换后，事件总线的方法被多次执行。

解决：在beforeDetory钩子里使用$off解绑事件。

例如：如果你在Vue原型上是这样绑定的：Vue.prototype.$bus = this， 那么解绑时是：this.$bus.$off(‘方法名’, callback)
1、$on用于绑定事件（收数据）, $emit用触发事件（发数据）。
2、在哪个组件上的mounted钩子中使用$on绑定的事件，就需要在该组件的beforeDestory钩子中使用$off移除事件。
3、建议在main文件的Vue中的beforeMount的钩子中定义bus事件总线，例如：Vue.prototype.$bus = this。而不是在文件中直接new一个Vue
4、不要觉得不移除也不影响就无所谓，保持一个良好的习惯。使用就定义，不用就销毁。

最近在用vue写自己的网站的时候，碰到了一个令我百思不得其解的事情。以前用单组件和多组件都没有碰到过。经过我的多次排查，发现Vue上的bus总线的事件绑定方法被多次执行，而我却找不到解决的头绪…
我使用vue-router路由、vuex状态管理来做的作品，当我把vuex和bus一起使用的时候，出现了这样的场景：我一开始打开页面测试功能时还挺正常，我路由跳走再回来的时候，再测试功能on绑定事件就会执行两遍，我再切换一次，回来再测试，它就执行三遍。
后来发现，虽然组件被销毁了，但绑定在Vue上的事件总线上的方法还存在…因为Vue没被销毁，每当你再调用的时候它就会把之前未解绑的on事件重新激活！！！气死人了，给自己蠢哭了