什么是中央事件总线?中央事件怎么用?

什么是中央事件总线?具体用法

vuex同级组件传值------中央事件总线

什么是中央事件总线?

创建一个新的Vue实例,以后它就承担起了组件通信的桥梁,也就是中央事件总线

利用中央事件总线实现同级组件传值(一下是具体用法分为五步)

1、先创建中央事件总线,在src下创建一个文件夹eventBus在这个文件下创建index.js文件,在这个文件中创建一个新的vue实例,以后就又他承担起组件之间通信的桥梁,即中央事件总线。
在这里插入图片描述

2、在components文件下创建同级组价,例如组件A和组件B。
在这里插入图片描述

3、在组件A中组件引入中央事件总线。
在这里插入图片描述

4、在组件A中添加一个单机事件,进行自定义事件抛出。
在这里插入图片描述
5、在B组件,引入事件简js总线,在mounted钩子监听自定义事件,并将传递过来的字符串传给$on:监听当前实例上的自定义事件
在这里插入图片描述

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页