Vue全局事件总线
(1)绑定全局事件总线
在main.js构造Vm对象实例
Vue.prototype.$bus=new Vue()
(2)使用事件总线
使用事件总线,加入组件A向组件B通信,A组件提供数据,B组件接收数据
提供数据
this.$bus.$emit('事件名',数据)
接收数据
this.$bus.$on('事件名',回调函数)
组件事件销毁解绑
最好在beforeCreate钩子中,用$off去解绑当前组件索通到的事件
this.$bus.$off('事件名')
A组件向B组件发送信息
//A组件
<template>
<div>
<p>A组件</p>
<button @click