Vue.js - Children 到 children 组件通信

Vue.js - Children to children component communication

我目前正在与 Vue.js 合作进行我的一个项目。我正在使用组件系统,但我并不真正需要让两个 children 组件(共享相同的 parent)相互通信的能力。

在这种特殊情况下,我基本上只需要让 children 中的一个读取另一个 child 中的变量。

我正在寻找一种漂亮、简洁的方法来实现这一点。任何建议将不胜感激。

可能可以使用 this.$parent.$children... 等等,但如果可能的话,我正在寻找更简洁的方法。

我建议在父级中声明 属性 并通过 props 将其从父级双向绑定到管理该值的组件,并将其从父级单向绑定到只需要读取它的组件。

根据您提供的 fiddle 下面是一个例子:

http://jsfiddle.net/yMv7y/662/

不是发送消息,而是让绑定负责信息传输。