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

你可能感兴趣的:(vue 事件管理)