vue项目bus的基本用法

vue项目开发应该如何调用bus，下面web建站小编给大家详细介绍一下代码的运用！

安装脚手架

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")
}

vuejs实现全站联动

vue命名规范

标签： bus

上面是“vue项目bus的基本用法”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3049.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！