vue bus用法是什么

2021-10-26,

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

/2021/10/656bb85f.jpg

本文操作环境: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中文网】,希望能给您带来帮助,苟日新、日日新、又日新,生命不息,学习不止。

《vue bus用法是什么.doc》

下载本文的Word格式文档,以方便收藏与打印。