vue中bus.$on事件被多次綁定

問題描述：只要頁面沒有強制刷新，存在組件切換，bus.$on方法會被多次綁定，造成事件多次觸發

解決辦法一：在每次調用方法前先解綁事件( bus.$off )，然后在重新綁定( bus.$on )

bus.$off('pagechangep'); //先解綁，不然會多次出發
bus.$on('pagechangep',function(i){
      that.publishpageTo(i);
});

解決辦法二：注冊的總線事件（Bus）要在組件銷毀時(beforeDestroy/destroyed)卸載，否則會多次掛載，造成觸發一次但多個響應的情況

beforeDestroy () {
  bus.$off("backUpLevel");
}