Javascript Vue.js:将数据从一个子组件传递到具有相同父组件的另一个子组件?

Javascript Vue.js:将数据从一个子组件传递到具有相同父组件的另一个子组件?,javascript,vue.js,Javascript,Vue.js,我有两个组件,都共享一个共同的父组件。我希望能够将数据从一个子组件传递到另一个子组件。(我正在使用vueJS 2)通信应由父组件处理,如下所示: 子1将数据发送给父级 父对象侦听上一个对象的发射,保存新值,并将其传递给第二个子对象: 一个子级可以发出事件向父级提供数据,然后父级可以通过属性向第二个子级提供数据。或者,两个孩子都可以共享一个充当主记录保管人的服务。看看这个@Prasanjitdutta,如果它解决了您的问题,请将答案标记为解决方案,以便将来的访问者也能从中受益。 this.$emi

我有两个组件,都共享一个共同的父组件。我希望能够将数据从一个子组件传递到另一个子组件。(我正在使用vueJS 2)

通信应由
父组件处理,如下所示:

  • 子1将数据发送给父级
  • 父对象侦听上一个对象的发射,保存新值,并将其传递给第二个子对象:

  • 一个子级可以发出事件向父级提供数据,然后父级可以通过属性向第二个子级提供数据。或者,两个孩子都可以共享一个充当主记录保管人的服务。看看这个@Prasanjitdutta,如果它解决了您的问题,请将答案标记为解决方案,以便将来的访问者也能从中受益。
    this.$emit('myVarChanged', this.myVar);
    
    <ChildOneComponent @myVarChanged="updateMyVar" />
    
    data() { return { myVar:null } }
    
    methods: {
         updateMyVar(val){
              this.myVar = val;
         }
    }
    
    <ChildTwoComponent :myVar="myVar" />
    
    props: ['myVar']