vue项目bus的基本用法

651 ℃

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,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
PHP中如何防止敏感数据泄露和非法访问?
js如何实现数组内求和
php语法如何将三维数组转换成字符串
a标签添加 rel="noopener" 有什么用处
驼峰式命名法、匈牙利命名法、帕斯卡命名法介绍