vue兩個(gè)兄弟傳值。為什么在a組件第一次點(diǎn)擊的時(shí)候沒有效果？需要到b組件里面再返回a組件才能傳值呢？

vue兩個(gè)兄弟傳值。為什么在a組件第一次點(diǎn)擊的時(shí)候沒有效果？需要到b組件里面再返回a組件才能傳值呢？

我在組件one中點(diǎn)擊按鈕第一次沒有效果，必須要到組件two中轉(zhuǎn)一下才能可以，這是為什么呢？

我建立了一個(gè)js文件

   import Vue from 'vue';  
   
   export default new Vue();  

在one組件中

 <div>
A組件:

  <span>{{elementValue}}</span>
  <input type="button" value="點(diǎn)擊觸發(fā)" @click.stop.prevent="elementByValue($event)">
  </div>
  
   import Bus from '../assets/eventBus.js'
    elementByValue: function () {
    Bus.$emit('getTarget',"123")
  }
  

在two組件中

 import Bus from '../assets/eventBus.js'
 
  Bus.$on('getTarget', target => {  
            console.log(target);  
        }); 
   

在one組件中第一次點(diǎn)擊沒有效果，必須到two組件中，再返回one組件中就可以了，這個(gè)情況怎么解決呢？