vue中eventbus被多次触发以及踩过的坑(3)

可以看到，就是第一次点击list的时候，也就是第一次触发emit事件的时候，控制太就输出了，所以在beforeDestoryed去$emit是起到作用的，B页面组件也监听$on到了。

但是，好像，就是事件的触发还是会依次增加，就是控制台的输出每次都有所增加了。。。

解决：

看一下github上提出的。https://github.com/vuejs/vue/issues/3399

尤大大提出了以下解决：

*就是说，这个$on事件是不会自动清楚销毁的，需要我们手动来销毁。（不过我不太清楚这里的external bus 是什么意思，有大神能解答一下的吗，尤大大也提到如果是注册的是external bus 的时候需要清除）****

所以。我在B组件页面中添加Bus.$off来关闭。代码如下：

// 在B组件页面中添加以下语句，在组件beforeDestory的时候销毁。
 beforeDestroy () {
 bus.$off('get', this.myhandle)
 },

来看一下输出的结果

t可以看到，控制台第一次进去的时候就有输出，而且输出的不会逐次增加

*当然，尤大大还说可以写一个mixin？我还不知道是什么？以后在研究一下。

总结： 所以，如果想要用bus 来进行页面组件之间的数据传递，需要注意亮点，组件A$emit事件应在beforeDestory生命周期内。其次，组件B内的$on记得要销毁。

提问时间：你们在实现页面组件之间的数据传递有什么好的方法吗？可以留言分享一下吗？有时候虽然也可以通过从后台获取，但是考虑到数据只有几个需要传的话，就没有必要去请求数据，我知道有的还有用vueX传递。还有呢？

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。