1. 程式人生 > >vue2.0:子組件調用父組件

vue2.0:子組件調用父組件

mount -c nth 2.0 data outer nbsp tro target

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:子組件調用父組件