Vue 全局引入bus实现兄弟组件通信

1.简述

本文是一篇记录vue使用技巧的简短文章，该文记录的是vue中兄弟组件间通信的方式，之前经历了第一个vue app项目，也是想积淀一下，之前是在项目中是在需要的vue中对bus进行引入，对于这类常见的工具最好提倡是全局引入进行一定的封装。

2.局部使用案例

bus.js

import Vue from 'vue'
export const Bus = new  Vue();

接收总线通知

import {
   
   Bus,NotifyRefresh} from "../../common/js/Bus";
mounted() {
   
   
	console.log('PageOne mounted')
	Bus.$on(NotifyRefresh,(msg) =>{
   
   
       this.info = msg;
    });
},

发送总线通知

Bus.$emit(NotifyRefresh,'回传消息');

3