Vue——父子组件传值，兄弟组件传值采坑

首先，描述一下问题：

我需要完成的人物是根据右方的主题模块组件选择，来控制页面的主题组件。

页面结构：

没有直接的方法兄弟组件或者子组件向父组件传值，这个时候就需要一个桥梁，就像打电话需要一个基站...

看代码，很简单，new一个Vue实例，调用$emit和$on即可

在页面引入

在想要发出信息的地方调用$emit发送消息

我的目的是这个组件一按下，另一个组件就需要立即作出反应，那么在另一个组件中需要去一个方法去监听这个“通讯”。

但是，另一个组件只是控制页面背景切换的。在组件的无论那个生命周期去监听好像都不能满足方法...

我在这儿的解决办法是转去父级目录（app）监听document的click方法，把这个主题信息传过去。

像这样，你点击切换主题的时候必然会触发document.onclick，这样我们就有了一个引子去触发监听事件。

之后，通过父子键传值可以将信息传递给bg组件，继而改变主题样式

在watch中监听

 

这时我暂时想出的办法，不正确的地方希望大神及时指出~