vue 模块通信

methods: {
addCart(event) {
console.log(event.target);
if (!event._constructed) {
return
}
if (!this.food.count) {
Vue.set(this.food, 'count', 0)
}
this.food.count++;
//cart.add事件监听  event.targetDom事件传递
//this.$root.eventHub.$emit('cart.add', event.target)
this.$dispatch('cart.add',event.target);
 }
}

<template>
<shopcart v-ref:shopcart></shopcart>
</template>

//接受子控件传过来的事件
events: {
'cart.add'(target) {
this._drop(target);
}
}

methods: {
//父控件可以调用子控件的方法
_drop(target){
this.$ref.shopcart.drop(target);
}

//父控件传到子控件
methods: {
drop: (el){
consule.log(el);
}
}