首页 > 代码库 > vue2.0:子组件调用父组件

vue2.0:子组件调用父组件

main.js文件添加如下:

new Vue({
router,
render: h => h(App),
data: {
eventHub: new Vue()
}
}).$mount(‘#app‘);

 

父组件:

监听事件:

this.$root.eventHub.$on(‘cart.add‘, (target) => {
this._drop(target);
});

子组件:

触发事件:

this.$root.eventHub.$emit(‘cart.add‘, event.target);

 

vue2.0:子组件调用父组件