Autobús de eventos globales Vue
Una forma de comunicación entre componentes, adecuada para la comunicación de cualquier componente.
Instalar el bus de eventos global
new Vue({
beforeCreate(){
Vue.prototype.$bus=this //$bus就是当前应用的vm
}
})
Use el bus de eventos:
1. Recibir datos: un componente quiere recibir datos, luego vincula un evento personalizado a $bus en el componente A, y la devolución de llamada del evento se deja en el componente A mismo
methods:{
demo(data){
}
}
mounted(){
this.$bus.$on(‘xxxx’,this.demo)
}
Proveer información:this.$bus.$emit(‘xxxx’,数据)
Es mejor usar $off en el gancho beforeDestroy para desvincular los eventos usados por el componente actual