vue 組件之間的自定義方法互相調用

1，先定義一個中間通信文件js globalBus.js

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

 

2，A.vue組件的方法需要去調用B.vue組件的方法。

首先在b組件去聲明方法，，loginTo為方法名 number為接受的參數

mounted() {

globalBus.$on("loginTo", (number) => {
　　　　console.log('調用了這個'+number)
});
},

3，然后再A組件用方法調用 ,loginTo是調用的方法，后面11是傳的值

methods: {

gototoUserLogin(){
globalBus.$emit("loginTo",111);
},

}

 

ps：當然不要玩了導入import { globalBus } from "../../components/globalBus.js"; 中間信息人的這個文件哦，路徑按自己來。必須要這個通訊中間文件，兩邊都得調用

如果不完整請在下面留言。博主再完善哦，謝謝