一分钟实现Vue跨组件通讯

阅读本文只需要一分钟

Vue是天然支持跨组件通讯的

//在main.js中
Vue.prototype.$bus = new Vue();//创建全局消息总线

如何在组件中使用

//如何在组件中发布消息
this.$bus.$emit('event', data);

//如何订阅消息
this.$bus.$on('event', data);//永久订阅
this.$bus.$once('event', data);//仅一次

//如何取消订阅
this.$bus.$off('event');

不清楚的同学可以参考 Vue官方文档