vue两个组件（非父子组件）之间传递数据

我们希望点击某个按钮时把这个数据传递给其他的组件，这两个组件是非父子组件；例如：<br/>

 

组件A：</p>

 

<a @click="getSubNav(1,666)" href="javascript:void(0)"><el-tag>站点管理</el-tag></a>
 methods: {
 
        getSubNav(id, subId) {

            App.$emit('subNav', { 'id': id, 'subId':subId}); //派发事件
        }
    }

 

组件B：</p>

 

 mounted() {
        //监听点击后的事件
        App.$on('subNav', (res) => {
            
           console.log(res);
           
        });
    },
 

注：App是指vue实例。</p>