vue bus用法是什么

vue bus的用法：1、通过“npm install vue-bus”安装vue-bus；2、在main.js中引入vue-bus；3、通过“this.$bus.emit(...);”等方式在组件中使用即可。

本文操作环境：Windows7系统、Vue2.9.6、Dell G3电脑。

vue bus用法是什么？

Vue 中Bus使用方法：

使用：兄弟组件之间进行传值；

安装：

npm install vue-bus

在main.js中引入vue-bus

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

在组件中使用：

A组件触发事件：

this.$bus.emit("parameterName",params)；

B组件接收事件：

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

组件销毁时解除事件绑定：

destroyed:function(){
　　this.$bus.off("parameterName")
}

推荐：《最新的5个vue.js视频教程精选》

以上就是vue bus用法是什么的详细内容，转载自php中文网