vueベースの兄弟コンポーネント間のイベントトリガー(詳細)

<bottom-play :play="playStatus" @playStatus="btmChild"></bottom-play> 
   
 methods:{ 
 listChild:function(val){/B component custom event Status is boolean 
  this.playStatus = val; 
  }, 
 btmChild:function(val){/C component custom event 
    this.btmStatus = val; 
  } 
} 

props: ['play'],// accept data passed from parent 
watch:{//Listen to the data If the change executes the audioPlay function, audioPlay is defined in methods 
  play:'audioPlay' 
} 
audioPlay: function(){ 
 this.$emit('playStatus',false);//pass parameters to parent component 
} 

props: ['btmStatus'] 
,watch:{ 
  btmStatus:'playList' 
}