- 定义:一种组件间的通信方式,适用于任意组件间通信
安装全局事件总线
new Vue({ ...... beforeCreate() { //安装全局事件总线 Vue.prototype.$bus = this } })
使用:
(1)接收数据:
A组件想接收数据,则在A组件中给
$bus
绑定自定义事件,且回调留在A组件自身methods: { demo(data) { ...... } } mounted() { this.$bus.$on('xxx', this.demo) }
(2)提供数据:
this.$bus.$emit('xxx', data)
- 注:最好在
beforeDestroy
钩子函数中,使用$off('xxx')
解绑当前组件所用到的自定义事件
版权属于:
suaxi
作品采用:
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)