如果2个组件不是父子组件那么如何通信呢？这时可以通过eventHub来实现通信.
所谓eventHub就是创建一个事件中心，相当于中转站，可以用它来传递事件和接收事件.
第一步：
let Hub = new Vue(); //创建事件中心
第二步：
组件1触发：
<div @click='eve'></div>
methods: {
eve() {
Hub.$emit('change','lala'); //Hub触发事件
}
}
第三步：
组件2接收:
<div> </div>
created() {
Hub.$on('change', () => {
this.msg ='lala'; //Hub接收事件
});
}
VUE生命周期 VUE子传父组件通信 VUE非父子组件传值
一. Vue生命周期 二、生命周期代码 三、非父子组件通信 vue中非父子组件通信需要借助一个空的vue实例，案...
一、生命周期 二、组件通信 Vue只有两种关系， 父子组件 非父子组件 1.父子通信:当我们需要把父组件中的数据传...
Vue里组件的通信 通信：传参、控制（A操控B做一个事件）、数据共享 模式：父子组件间、非父子组件 父组件可以将一...
本文主要介绍关于Vue组件通信的四种方式，分别是父向子组件通信、子向父组件通信、非父子组件的EventBus通信、...
1、vue父子组件之间的通信 在vue组件通信中其中最常见通信方式就是父子组件之中的通性，而父子组件的设定方式在不...
一、组件通信（组件传值） 1.1父子组件通信 1.2子父组件通信 1.3非父子组件通信（兄弟组件通信）
vue 组件通信分为父组件与子组件通信、子组件与父组件通信、非父子关系组件通信三种 第一种大家都知道用props，...
在vue中组件通讯可以分为父子组件通讯和非父子组件通信。父组件通过props的方式向子组件传递数据，而子组件可以通...
非父子组件的通信 在开发中，我们构建了组件树之后，除了父子组件之间的通信之外，还会有非父子组件之间的通信。这里我们...
本文标题：vue非父子组件通信
本文链接：https://www.haomeiwen.com/subject/jofleftx.html
网友评论