vue全局事件总线$bus（尚品汇笔记002）

已于 2023-05-14 12:39:19 修改
阅读量90 收藏
点赞数
文章标签： 笔记
于 2023-05-14 12:32:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxw621/article/details/130667503
版权

 左1在main.js入口文件

中1主动文件，需要触发事件文件，也就是发送的文件

右1是被动文件，被动的文件，也就是接收兄弟的文件

注意：中1和右1是兄弟关系，一般使用全局事件总线

第一步 通过vue全局配置$bus的this指向vm实例

第二步 发送

第三步 接收

逐渐暴躁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue状态管理bus的使用
qq_40547061的博客
03-28 300
在开发过程中我们经常会遇到两个兄弟组件之间的需要通信的情况，虽然我们可以使用Vue2.X提供的Vuex状态管理模式，但对于简单的应用，我们可以使用BUS作为中央事件总线，来实现兄弟件之间的传值，从而更加的便捷。 1.在src文件夹下新建一个bus文件夹并创建index.js文件作为配置文件 2.配置完成后将其引入到main.js中，并在vue原型对象上添加bus 页面一： <templ...
Vue 事件总线 $bus的基本使用
m0_57547956的博客
02-23 1016
//入口文件main.js import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' //注册三级联动为全局组件 import TypeNav from '@/components/TypeNav' //执行mock import '@/mock/mockServe' //引入Swiper插件需要的CSS import 'swiper/cs.
前端尚硅谷尚品汇Vue项目笔记
Hiyori02的博客
12-17 2007
前端尚硅谷尚品汇Vue项目笔记
Vue笔记【尚品汇项目】
javaScript1997的博客
02-28 4380
1、vue文件目录分析 node_modules: 文件夹:项目依赖文件夹 public文件夹： 一般防置一些静态资源(图片),需要注意的,放在public文件夹中的静态资源,webpack进行打包的时候,会原封不动的打包到dist文件夹中. src文件夹(程序员源代码文件夹): assets文件夹: 一般也是防置静态资源(一般防置多个组件共用的静态资源),需要注意,防置assets文件夹里面静态资源,在webpack打包的时候,webpack会把静态资源当做一个模块,打包JS文件里面。 compo
尚品汇项目笔记（持续更新中）
yuran1的博客
09-07 3329
vue项目、尚硅谷、项目笔记
尚品汇——Vue项目开发笔记
qq_44280090的博客
05-31 2113
本项目是基于Vue的组件式开发的电商管理平台的项目，记录了开发过程中用到的技术以及开发步骤，开发笔记，记录肯定会有缺陷，内容不保证百分百正确，仅供参考！
尚品汇笔记——尚硅谷
的博客
10-04 817
Vue开发购物商城-尚品汇项目
尚硅谷--尚品汇项目笔记
qq_49575831的博客
11-05 2427
尚硅谷--尚品汇项目笔记
Vue2_尚品汇前端项目day05超详细笔记_尚硅谷
weixin_50637054的博客
03-11 283
Vue2_尚品汇前端项目day05超详细笔记_尚硅谷
浅谈vue中$bus的使用和涉及到的问题
10-15
主要介绍了浅谈vue中$bus的使用和涉及到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue bus全局事件中心简单Demo详解
08-27
"Vue Bus全局事件中心简单Demo详解" Vue Bus是Vue.js生态系统中的一款插件，提供了一个全局事件中心，允许开发者在应用程序中实现松散耦合的事件驱动架构。在这篇文章中，我们将详细介绍Vue Bus全局事件中心的使用...
vue-geb-使用Observables的全局事件总线。-Vue.js开发
05-27
Vue-geb-全局事件总线Vue-geb是vue全局事件总线插件，可利用可观察对象的功能帮助在整个应用程序中广播事件。 仅添加5个Vue-geb-全局事件总线Vue-geb是一个vue全局事件总线插件，可利用可观察对象的功能帮助在应用...
C语言复习（笔记加例题）第一章：数据类型及其运算
最新发布
weixin_55021541的博客
07-17 1020
通常在其他编程语言中用作字符串的缩写，但在 C 语言中，字符串是通过字符数组char a[]来表示的。：以下哪个类型是 C 语言中用来存储布尔值的？：以下哪个类型是 C 语言中用来存储字符的？：以下哪个不是 C 语言中的基本数据类型？2. C 运算符的种类、运算优先级和结合性。3. 不同类型数据间的转换与运算。4. C 表达式的类型和求值规则。并不是一个基本数据类型。：A，在 C 语言中，
防御笔记第七天（时需更新）
weixin_63264424的博客
07-16 770
HRP在进行双机热备时，还有一个要求，两台热设备之间，必须拥有一条链路，用来同步信息，并且，这条链路必须是三层链路---这两条路在进行数据传输时，不受安全策略的影响，（注意，如果心跳线是直连的，则不受安全策略的影响，但是中间有中继设备，即非直连场景，则需要配置安全策略）----心跳线----VGMP发送的报文也是通过心跳线传输的。配置信息---（接口IP地址，路由地址）-----hrp不能同步基本的接口和路由信息，安全策略和NAT策略……状态信息-----会话表，server-map，黑名单和白名单等等。
node模块加载及第三方包（学习笔记）
oopsboom的博客
07-16 593
gulp是什么？ 基于node平台开发的前端构建工具 将机械化操作编写成任务, 想要执行机械化操作时执行一个命令行命令任务就能自动执行了 用机器代替手工，提高开发效率。 能做什么？ 项目上线，HTML、CSS、JS文件压缩合并 语法转换（es6、less …） 公共文件抽离 修改文件浏览器自动刷新 Gulp使用 1.使用npm install gulp下载gulp库文件 2.在项目根目录下建立gulpfile.js文件（只能是这个文件） 3.重构项目的文件夹结构 src目录放置源代码文件 dist目录放置构
Java并发编程与高并发解决方案笔记
tuku0801的专栏
07-17 1001
将结合大量图示及代码演示，带你掌握多线程并发编程（线程安全，线程调度，线程封闭，同步容器等）与高并发处理思路与手段（扩容，缓存，队列，拆分等），构建完整的并发与高并发知识体系
linux学习笔记整理: 关于linux系统介绍 2024/7/16；
gzx233的博客
07-16 1145
linux基础介绍和指令
vue2全局事件总线$bus
08-29
Vue 2 中的全局事件总线 $bus 是一种用于在组件之间进行通信的机制。它基于 Vue 实例的事件系统，在任何地方都可以使用。 要使用 $bus，您需要创建一个新的 Vue 实例并将其作为全局事件总线。在创建这个实例后，您可以使用 $emit 方法触发一个事件，然后使用 $on 方法在其他组件中监听该事件。 下面是一个使用 $bus 的示例： ```javascript // main.js

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值