Vue.js - 儿童与儿童组成部分的沟通

Question

我目前正与Vue.js合作开展我的一个项目。我正在使用组件系统，我不会处于我真正需要能够拥有两个子组件（共享同一个父组件）以在彼此之间进行通信的位置。

在这种特殊情况下，我基本上只需要让其中一个孩子在另一个孩子中读取变量。

我正在寻找一种很好，干净的方法来实现这一目标。任何建议将不胜感激。

可能会使用这个。$ parent。$ children ...等等，但如果可能的话，我正在寻找一种更干净的方法。

Answer 1

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

根据您提供的小提琴，这是一个例子：

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

您可以让绑定处理信息传输，而不是发送消息。