Vue $emit 定义事件什么时候失效？

Question

比如我在A组件中$emit("a")声明事件a
然后再 B组件中监听这个事件名

created() {
    $bus.$on("a",function{   
        this.findAll();
    });
},

如果我在 C 组件中又监听了这个事件，是否能监听得到这个 "a" 事件？

Answer 1

首先回答你的问题：可以的，在bus里监听的东西会一直监听，除非你手动释放。
你的代码中有一个重要的问题: 内存泄露,因为你没有解除监听，导致bus内引用了B组件实例的方法，进而导致B组件销毁后，组件实例还被bus引用。
你自己可以测试，在function中加打印，然后进入有B组件的页面，然后进入其它页面，再进入有B组件的页面，你会发现一次“a”事件会触发两次打印。

created () {
  bus.$on('a', this.findAll)
  
  //注册监听在本组件beforeDestroy阶段解除a事件的监听
  this.$on('hookL:beforeDestroy', () => {
    bus.$off('a', this.findAll)
  })
}