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

Question

我有 2 个组件，它们共享一个共同的父级。 我希望能够将数据从一个子组件传递到另一个。 （我正在使用 vueJS 2）

Answer 1

通信应由parent组件处理如下：

1. 孩子 1 将数据发送给父母

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

2. 父级侦听最后一个发出的值，保存新值，并将其传递给第二个子级：

<ChildOneComponent @myVarChanged="updateMyVar" />

data() { return { myVar:null } }

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

<ChildTwoComponent :myVar="myVar" />

3. Child 2 获得新值作为props ：

props: ['myVar']