Vue(四）——全局事件总线， 消息订阅与发布 ，nextTick_vue4 nexttick(1)

	- [2.6. nextTick](#26_nextTick_228)
	- [2.7. Vue封装的过度与动画](#27_Vue_244)

---

2.4. 全局事件总线

一种组件间通信的方式，适用于任意组件间通信。

• 安装全局事件总线：

new Vue({
	......
	beforeCreate() {
		Vue.prototype.$bus = this //安装全局事件总线，$bus就是当前应用的vm
	},
    ......
}) 

• 使用事件总线：
• 接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。

methods(){
  demo(data){......}
}
......
mounted() {
  this.$bus.$on('xxxx',this.demo)
}

• 提供数据：this.$bus.$emit('xxxx',数据)
• 最好在beforeDestroy钩子中，用$off去解绑当前组件所用到的事件。

School.vue

<template>
	<div class="school">
		<h2>学校名称：{
  {name}}</h2>
		<h2>学校地址：{
  {address}}</h2>
	</div>
</template>

<script>
 export default {
 name