vue中事件的绑定触发、监测与解绑


父子组件之间的事件的绑定触发、监测与解绑

事件的绑定触发:

       vm.$emit(event,arg1,arg2......);

事件的监测:

        vm.$on(event,callback(arg)):如果传入的参数个数是一个,那么arg就是那个传入的参数;如果传入的参数是多个,arg就是一个数组,多个参数就是数组项;

事件的解绑(移除自定义事件监听器):范围由大到小

       vm.$off( [event, callback] ) 

  • 如果没有提供参数,则移除所有的事件监听器;
  • 如果只提供了事件,则移除该事件所有的监听器;
  • 如果同时提供了事件与回调,则只移除这个回调的监听器。

任何层级的组件之间的事件的绑定触发、监测与解绑:中央事件总线eventBus

     vm.eventBus=new Vue();

     eventBus.$emit(event,arg1,arg2......);

     eventBus.$on(event,callback(arg))

     eventBus.$off( [event, callback] )