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

Question

I have 2 components, both sharing a common parent. I want to be able to pass data from one child component to the other. (I am using vueJS 2)

Answer 1

The communication should be handled by the parent component as follows:

1. Child 1 sends the data to parent

this.$emit('myVarChanged', this.myVar);

2. The parent listens to the emits from the last, saves the new value, and pass it to the second child:

<ChildOneComponent @myVarChanged="updateMyVar" />

data() { return { myVar:null } }

methods: {
     updateMyVar(val){
          this.myVar = val;
     }
}

<ChildTwoComponent :myVar="myVar" />

3. Child 2 gets the new value as props :

props: ['myVar']