如何用全局事件总线实现组件间的通信
一.在最外层main.js中配置全局事件总线:
beforeCreate() {
Vue.prototype.$bus = this;
},
二.在需要通信的组件内通知被通信的组件清除关键字
this.$bus.$emit("clear");
三.在被通信组件内实现清除事件:
mounted() {
//全局事件总线清除关键字
this.$bus.$on("clear", () => {
this.keyword = "";
});
}
至此,实现跨组件删除关键字的业务