vue中使用发布订阅的方式进行vue组件之间的通信

• 其中，search点击时，按钮的点击回调函数中去发布消息

发布消息的方法是PubSub.publish()，需要通过提供两个参数，参数一为”发布的消息名“，第二个参数是搜索框中输入的关键字”searchName“参数，在main组件中订阅消息是便可以接收到该参数，进而向后台发送ajax请求；

• 在main组件的生命周期函数mounted（页面加载完成时）订阅消息，订阅消息时PubSub.subscribe()方法，这里接收两个参数，”发布消息名“，”事件监听函数“，这里的事件监听函数需要两个参数：一个时msg（发布的消息名，无用），一个时searchName（发布者传来的参数），我们在事件监听里面发送ajax请求，更新页面

在main组件的代码如下

全部实现代码如下：

• header.vue组件的相关代码

Search GitHub Users

<input type=“button” value=“Search” class=“btn btn-primary” placeholder=“请输入 github 用户名” @click=“search”>

• main组件的相关代码

请输入搜索用户的名称

loading

{{errormsg}}

{{user.name}}