vue怎么实现不同组件间（非父子组件间的通信），一个变化，另一个实时变化的效果

 vue中，只有组件内的值，发生了变化，组件才会重新渲染，那我们怎么实现，两个不同组件，一个组件内的值发生变化，另一个组件也随之变化，比较常用的场景就是下面的例子了： 头部导航是一个单独的组件，侧边栏是一个组件，其余部分是内容区，想要的效果就是，当内容区的个人信息修改成功之后，希望头部右侧的个人信息（姓名和头像）也随着变化 分析：头部和内容区，不在同一个组件内，也不是父子关系 解决办法：通过vue

>>阅读原文<<