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 内容，请继续关注编程基础学习网。