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"; 中间信息人的这个文件哦，路径按自己来。必须要这个通讯中间文件，两边都得调用

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