脚本宝典收集整理的这篇文章主要介绍了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用法是什么的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的vue bus用法是什么全部内容，希望文章能够帮你解决vue bus用法是什么所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。