vue的兄弟組件通信問題

兄弟組件通過注冊事件總線方式傳值，同樣的方法，a傳b,或者b傳a 好像只可以使用一次啊 ？點另外一次沒有反應(yīng)也不會報錯，那問題是：如果是兄弟組件，a改變b的一個值，b也要改變a的一個值，該怎么弄？
貼上代碼
bus.js內(nèi)容：

import Vue from 'vue'

export default new Vue;

分割線---------------------------------------------------------

bro1組件：
分割線---------------------------------------------------------

<template>
<div class="bro1">

  <h1>我是bro1組件</h1>
  <button @click="sendMsg">我是a組件的按鈕</button>
  <h2>我是bro1的msg,內(nèi)容為：{{msg}}</h2>

</div>
</template>

<script>
import bus from './bus'
export default {
name: 'bro1',
data () {

return {
  msg: 'Welcome bro1111111'
}

},
methods:{

sendMsg(){
  bus.$emit('receiveMsg',this.msg)
}

},
mounted(){

bus.$on('changeAmsg',(msg)=>{
  this.msg=msg;
})

}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
分割線---------------------------------------------------------
bro2組件：
分割線---------------------------------------------------------
<template>
<div class="bro2">

 <h1>我是bro2組件</h1>
<p>從bro1接受到的組件是：{{msg}}</p>
<button @click="sendAmsg">改變a組件的msg</button>

</div>
</template>

<script>
import bus from './bus'
export default {
name: 'bro2',
data () {

return {
  msg: 'Welcome bro2啊 啊啊啊啊啊啊'
}

},
mounted(){

bus.$on('receiveMsg',(data)=>{
  this.msg=data;
})

},
methods:{

sendAmsg(){
  bus.$emit('changeAmsg',this.msg)
}

}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>