本文介绍了在Vue组件中如何利用eventBus进行兄弟组件间的数据传递。通过创建、注册组件，然后将组件方法订阅到eventBus自定义事件上，通过$emit触发事件，实现了组件间的交互。案例展示了通过按钮点击，成功调用兄弟组件方法并实现效果。
组件之间数据传递：
- 父传子：props
- 子传父：自定义事件
$emit;在父组件中定义一个修改自己属性的方法，把这个方法以自定事件的方式绑定给子组件，子组件触发动作，从而触发了自定义的事件（$emit）- 兄弟之间：
$on和eventBus
eventBus主要作用：
eventBus主要用于兄弟元素之间的传值操作，相当于把组件上的方法都通过
$on订阅到eventBus上，当执行时，通过$emit派发；
组件使用步骤：
- 1.创建组件
- 2.注册组件
- 3.使用组件
eventBus使用：
- 1.在自己的组件里把自己实例上的方法订阅到eventBus的自定义事件上;
- 2.新增事件方法，触发（发布）eventBus上的自定义事件
案例展示：
最终通过点击按钮，可以让兄弟元素调用自己组件中的方法，发生改变
<body>
<div id="app">
<bro1></bro1> <!--使用组件bro1-->
<bro2></bro2></
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
