vue项目开发应该如何调用bus,下面编程教程网小编给大家详细介绍一下代码的运用!
安装脚手架
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")
}
以上是编程学习网小编为您介绍的“vue项目bus的基本用法”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:vue项目bus的基本用法
基础教程推荐
猜你喜欢
- Javascript运行机制之Event Loop 2023-08-08
- Ajax动态为下拉列表添加数据的实现方法 2023-01-26
- CSS清楚浮动clear:both的实例代码 2024-02-07
- 用javascript修复浏览器中头痛问题的方法整理篇[译] 2023-12-08
- vue 手机物理监听键+退出提示代码 2023-12-14
- 在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS 2022-11-06
- Bootstrap使用基础教程详解 2023-12-20
- css绘制透明三角形 2024-01-16
- ajax提交到java后台之后处理数据的实现 2023-02-01
- vue框架基本语法 2023-10-08
