vue非父子组件通信（传值以及调用组件方法）问题

Question

比方说我有两个模块组件：一个是属性模块，一个是登陆模块。这两个模块非父子关系。
在属性模块中有个打开某列表功能，但是只有在登陆之后才能使用。所以在未登录的情况下触发功能会先弹出登陆模块(通过vuex以及el-element完成)。但是我想在登陆模块完成登陆功能之后有个回调。能完成打开列表的事件。

属性模块：

<template>
    <div>
        <button @click=open>点击</button>
        <el-dialog>弹窗显示</el-dialog>
    </div>
</template>
<script>
method:{
    open(){
        if(已经登陆){
        showDialog(){}
        }else{
         启动登陆模块
        }
    }
    showDialog(){显示dialog}
}
</script>   

登陆模块：
<template>
    <div>
        <el-dialog>弹窗
        <button @click=open>登陆</button>
        </el-dialog>
    </div>
</template>
<script>
method:{
    login(){登陆功能}
}
</script>  

Answer 1

可以在全局注册一个对象事件调用，监听，分发的对象，来达到这样的业务需求

Answer 2

采用缓存的形式，如果有登录，就把登录的数据存在本地缓存里，在模块里判断是否有登录信息，如果有就正常显示，如果没有就打开弹框，如果采用的市路由页面的形式，最好采用router.beforeEach判断全局监听，跳转至相应页面