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