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的基本用法
基础教程推荐
猜你喜欢
- 详解HTML编程的标记与文档结构 2024-01-19
- 简单谈谈AJAX核心对象 2022-10-17
- layui数据表格以及传数据方式 2022-12-13
- vue-cli脚手架安装 2023-10-08
- 标准布局应用:显示/隐藏侧边栏 [附详细注解] 2022-11-04
- php防止恶意刷新与刷票的方法 2024-04-08
- javascript – 我希望在命令行上获得我的linux设备的准确纬度经度.就像HTML5中的Geolocation一样.我没有访问浏览器 2023-10-25
- html利用marquee标签实现滚动效果(上下左右) 2024-12-13
- layui 数据表格按钮事件绑定和渲染 2022-12-13
- 微信小程序返回上一页的各种方法实例 2024-01-05