vue两个兄弟传值。为什么在a组件第一次点击的时候没有效果？需要到b组件里面再返回a组件才能传值呢？

Question

vue两个兄弟传值。为什么在a组件第一次点击的时候没有效果？需要到b组件里面再返回a组件才能传值呢？

我在组件one中点击按钮第一次没有效果，必须要到组件two中转一下才能可以，这是为什么呢？

我建立了一个js文件

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

在one组件中

 <div>
A组件:

  <span>{{elementValue}}</span>
  <input type="button" value="点击触发" @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组件中第一次点击没有效果，必须到two组件中，再返回one组件中就可以了，这个情况怎么解决呢？

Answer 1

把two组件内的那个写在你new Vue的那个js中