Vuejs EventBus 공통모듈로 사용할 때 모든 페이지가 이벤트를 수신하는 상황

Vuejs, Web

헤더에서 특정값을 변경하면 라우터 뷰에 정의된 페이지도 변경되어야 해서 특정값 변경시 헤더에서 event emit하도록 해놓음…

이벤트 버스를 공통모듈로 쓰니 해당 이벤트 버스를 쓰는 모든 화면들이 해당 이벤트를 수신하여 난리가남…
(SPA라 그런가…. 더 알아볼것.)

화면이 바뀌면 이벤트를 수신하도록 on 걸어놓은것들은 파괴될줄 알았는데…

무튼 해결방법은 모든 페이지에 접근할 때마다 created() 내에서 해당 이벤트를 지우고 신규로 등록하도록 하는것.

created(){
    EventBus.$off('change-server');
    EventBus.$on('change-server', function() {~~~~}
}

또는 해당 페이지가 destory 될 때 없애버리기….

beforeDestroy(){
    EventBus.$off('change-server');
},

created(){
  EventBus.$on('change-server', function() {~~~~}
}

Web/AppVuejs