vue项目bus的基本用法

vue项目开发应该如何调用bus,下面编程教程网小编给大家详细介绍一下代码的运用!

安装脚手架

npm install vue-bus

main.js全局引入

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

A组件触发事件

this.$bus.emit("name",params);

B组件接收事件

this.$bus.on("name",function(value){
 console.log(value)
});

组件销毁时解除事件绑定

destroyed:function(){
  this.$bus.off("name")
}
以上是编程学习网小编为您介绍的“vue项目bus的基本用法”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vue项目bus的基本用法

基础教程推荐