vueにおけるbus中央イベントバスの使用

プロジェクトでは、関連しないコンポーネントを呼び出す方法が必要です.busを仲介として使用する方法は簡単です.まずbusを作成します.jsファイル、内容は以下の通りです

import Vue from 'vue'

export const Bus = new Vue()

2.必要なA、Bの2つのコンポーネントに導入

import { Bus } from 'bus.js'

3.AコンポーネントでBイベントを呼び出すbusイベント名を定義する

Bus.$emit('refresh')     //    ，      ，        

4.このメソッドをBコンポーネントで傍受する

created() {
    Bus.$on('refresh',()=>{   //    ，      ，         
         console.log('refresh')
     })
 },