How to use vue bus

This article mainly explains "how to use vue bus". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn how to use vue bus.

The usage of vue bus: 1, install vue-bus;2 through "npm install vue-bus", introduce vue-bus;3 in main.js, and use it in the component through "this.$bus.emit (...);" and so on.

This article operating environment: Windows7 system, Vue2.9.6, Dell G3 computer.

What is the use of vue bus?

How to use Bus in Vue:

Using: passing values between sibling components

Installation:

Npm install vue-bus

Introducing vue-bus into main.js

Import Vue from 'vue';import VueBus from' vue-bus'; Vue.use (VueBus)

Use in components:

A component trigger event:

This.$bus.emit ("parameterName", params)

Component B receives events:

This.$bus.on ("parameterName", function (value) {console.log (value)})

Unbind the event when the component is destroyed:

Destroyed:function () {this.$bus.off ("parameterName")} Thank you for your reading. This is the content of "how to use vue bus". After the study of this article, I believe you have a deeper understanding of how to use vue bus, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!