vue-top-event

Vue mixin for easy bubble event from sub components to this component. And Vue mixin for hook event for component and for sub components.

How to use?

at top component:

import top from "vue-top-event";
import events from "vue-top-event/event";
import hooks from "vue-top-event/hooks";

//[...]

  mixins: [top]
  // or
  // mixins: [events, hooks],

at sub components:

   inject: ['topEvent', 'topHook'],
   // ...
   
   methods: {
     action(){
       this.topEvent('_name-of-top-event_', data);
       
       // ...
       
       this.topHook('_name-of-top-hook_', data).then(r => {
         // code for result of hook
       });
     }
   }