vue不同页面方法调用|跨页面传参|事件总线 Bus.js

事件总线

需要在不同页面间传递参数或者进行方法调用，可以使用事件总线

1.引入中间js

在src下的Utils文件夹下创建一个Bus.js其内容如下

import Vue from 'vue'
export default new Vue()

2.A页面（发起请求）

import Event from '@/utils/Bus'

Event.$emit('getlog',参数)

3.B页面（收到请求）

import Event from '@/utils/Bus'

mounted() {
    //开启监听
    Event.$on('getlog', (参数) => {
        console.log('被调用')
        //执行方法 	
    })
},

注销监听

Event.$off('getlog', () => {
    console.log('注销')	
})