vue 事件管理

大意就是new一个vue对象专门处理事件,$emit,$on,$off分别来分发、监听、取消监听事件。

我是在main.js中

new Vue({  el: '#app',  router,  store,  template: '',  components: { App }})

之前,加了window.eventHub = new Vue();

在其中一个子组件中添加事件

window.eventHub.$emit('shop',{});

在另外一个子组件中监听(我是写在mounted中的,网上还有看到写在created,我试了没成功)

window.eventHub.$on('shop',this.shop);//shop是当前的函数

beforeDestroy: function () {

eventHub.$off('shop', this.shop)

}


然后就没了,在上次的例子中用到了事件管理

https://github.com/littleStar123/vuex

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容