vuejs事件中心管理组件间的通信详解

发布时间：2020-12-17 02:50:48 所属栏目：百科来源：网络整理

导读：本文为大家分享了vuejs事件中心管理组件间的通信，供大家参考，具体内容如下事件中心这个可以是一个空的全局的Vue实例，其他的组件利用这个实例emit和on自定义事件，这样组件定义了自己的事件处理方法。事件监听和注销监听事件监听应在更组件的created钩

本文为大家分享了vuejs事件中心管理组件间的通信，供大家参考，具体内容如下

事件中心

这个可以是一个空的全局的Vue实例，其他的组件利用这个实例emit和on自定义事件，这样组件定义了自己的事件处理方法。

事件监听和注销监听

事件监听应在更组件的created钩子函数中进行，在组件销毁前应注销事件监听

//get init data
var that =this;
axios.get('issue/index')
.then(function (resp) {
that.issue_list=resp.data;
});
},beforeDestroy: function () {
window.eventHub.$off('switchComments');
window.eventHub.$off('removeIssue');
window.eventHub.$off('saveComment');
window.eventHub.$off('removeComment');
}

子组件的emit事件，注意这里用的window.$emit而不是this.emit

Note: 这其实还不是最理想的通信方式，下一篇我们看看vuex怎么玩

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!