Vue.js -子组件到子组件的通信

Vue.js - Children to children component communication

本文关键字：组件通信 js Vue 更新时间：2023-09-26

我目前正在为我的一个项目使用Vue.js。我正在使用组件系统，并且我并不处于真正需要具有两个子组件(共享同一父组件)以相互通信的能力的位置。

在这个特殊的例子中，我基本上只需要让其中一个子元素读取另一个子元素中的变量。

我正在寻找一个好的，干净的方式来实现这一点。如有任何建议，我们将不胜感激。

也许可以使用。$parent.$children…等，但我正在寻找一个更干净的方式，如果可能的话。

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

根据您提供的小提琴，这里有一个例子:

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

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