vue2利用Bus如何实现非父子之间组件四步完成

非父子组件之间通信:

此图片中QQ不是本人QQ

以登陆和登出,改变个人中心 | 退出 和 登陆 | 注册 的显示的为例
1.找一个公共的vue对象(bus)
vue2利用Bus如何实现非父子之间组件四步完成
vue2利用Bus如何实现非父子之间组件四步完成
2.在传值方(login.vue)中,通过bus触发自定义事件传递载荷
vue2利用Bus如何实现非父子之间组件四步完成
vue2利用Bus如何实现非父子之间组件四步完成
写在methods里的登录状态成功即将跳转时候
vue2利用Bus如何实现非父子之间组件四步完成
3.接收方(App.vue)使用bus去注册自定义事件,写好处理函数
vue2利用Bus如何实现非父子之间组件四步完成
vue2利用Bus如何实现非父子之间组件四步完成
vue2利用Bus如何实现非父子之间组件四步完成
这个isLogin是用来显示切换的
vue2利用Bus如何实现非父子之间组件四步完成
vue2利用Bus如何实现非父子之间组件四步完成
4.以上三步已经成功实现了,但是刷新页面会要求重新登录。所以在登录成功准备跳转时候告知接收方(App.vue)我已经登录成功了
vue2利用Bus如何实现非父子之间组件四步完成