本文为大家分享了vuejs事件中心管理组件间的通信,供大家参考,具体内容如下
事件中心
这个可以是一个空的全局的Vue实例,其他的组件利用这个实例emit和on自定义事件,这样组件定义了自己的事件处理方法。
import Vue from 'Vue'
window.eventHub = new Vue();
事件监听和注销监听
事件监听应在更组件的created钩子函数中进行,在组件销毁前应注销事件监听
//hook
created: function () {
//listen e
在 Vue 中,每一个组件都是独立的一个存在,如果需要组合使用这些组件,必然会将组件间的数据相互关联在一起,这种就叫做组件间的通信。例如: 有两个组件(A,B),在 B 组件中需要使用A 组件的数据,又或者在 A 组件中需要用到 B 组件的数据,类似于这种场景就会涉及到组件间的通信,也可以叫做数据传递!
创建组件
要想做通信这个事情,首先要有两个组件,下来我们就创建一下吧,后续内容我们会在此基础上进行修改。
首先我们需要创建一个 Vue 实例,可以把这个实例当做是 父组件
const vm