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);
},
}