一、在通過點擊事件觸發的子組件中：

addCart(event) {
  if (!event._constructed) {
    return;
  }
  if (!this.food.count) {
     Vue.set(this.food, ‘count‘, 1);
  } else {
      this.food.count++;
  }
this.$emit(‘cartadd‘, event.target)
},// cartcontrol.vue組件

　二、在父組件中　

<div class="cartcontrol-wrapper">
  <cartcontrol :food="food" v-on:cart-add="cartAdd"></cartcontrol>
</div>// goods.vue組件中使用v-on來監聽

<shopcart ref="shopcart"   
  :selectFoods="selectFoods"  
  :deliveryprice="seller.deliveryPrice" 
  :minprice="seller.minPrice"
  >
</shopcart>

methods:{
  cartadd(target) {
     // 傳遞給子組件
     this.$refs.shopcart.drop(target)
  }
}

　三、在接收的子組件中

methods: {
    drop(el) {
        console.log(el);
    }
}// shopcart.vue組件

原文地址：http://coding.imooc.com/learn/questiondetail/3769.html

vue.js 組件監聽