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的基本用法


猜你喜欢
- HTTP最全状态码详解介绍 2024-12-14
- 利用location.hash实现跨域iframe自适应 2024-01-16
- 如何使用VUE+faceApi.js实现摄像头拍摄人脸识别 2024-01-16
- JavaScript给数组添加元素的6个方法 2022-10-21
- div可以输入内容不用input作为输入框屏蔽自动的input样式 2024-01-03
- CSS实现带遮罩层可关闭的弹窗效果 2024-02-21
- 关于javascript:在基于TypeScript的Vue中将vuex状态和 2022-09-16
- js 上下左右键控制焦点(示例代码) 2024-01-14
- vue项目打包后不想让用户看到console.log(关闭console.log) 2025-01-15
- HTML5视频播放标签video和音频播放标签audio标签的正确用法 2022-11-13