vue ---- Event Bus (eventBus)

Vue event bus (eventBus)

EventBus event bus for communication between the two components,
is used to establish eventBus.js file as follows:

import Vue from 'vue'
export default new Vue();

Import respectively in two components need to communicate in

  import bus from "common/utils/eventBus";

Then can emit, on communication: as follows:

A transmitting component
bus.$emit('SUBMITSEARCH_PEOPLE',this.searchContent)

Another component of the received
bus.$on('SUBMITSEARCH_PEOPLE', function (data) {...}

Between the three types:

1、vm.$on( event, callback )

Custom event listeners on the current instance. Events can. $ Emit triggered by vm. The callback function will receive all incoming events triggered additional function parameters.

2、vm.$emit( event, […args] )

Trigger event on the current instance. Additional parameters are passed to the callback listener, if no parameters in the form vm. $ Emit (event)

3、vm.$off( [event, callback] )

Remove custom event listeners.

If no parameters, then remove all the event listeners;

If only event, then remove all the event listeners;

If both events and callbacks, only remove this callback listener.

Intelligent Recommendation

Vue-based event bus Eventbus

...

Vue Transfer Event Bus Eventbus

There is a simple method between components in Vue. Create Even.js (name your own) The following is the code created in the JS file. There are two components of A, B, and JS that needs to be created i...