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

Posted 杰520

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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:子组件调用父组件的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0子组件能不能修改父组件传递过来的数据

vue2.0 组件通信

vue2.0父子组件传值

vue2.0嵌套组件之间的通信($refs,props,$emit)

vue2.0-组件传值

vue2.0父组件与子组件之间的通信