1,先定義一個中間通信文件js globalBus.js
import Vue from 'vue';
export const globalBus = new Vue();
2,A.vue組件的方法需要去調用B.vue組件的方法。
首先在b組件去聲明方法,,loginTo為方法名 number為接受的參數
import { globalBus } from "../../components/globalBus.js";
mounted() {
globalBus.$on("loginTo", (number) => {
console.log('調用了這個'+number)
});
},
3,然后再A組件用方法調用 ,loginTo是調用的方法,后面11是傳的值
import { globalBus } from "../../components/globalBus.js";
methods: {
gototoUserLogin(){
globalBus.$emit("loginTo",111);
},
}