vue 不同级跨页面调用方法

复制即用
在utils文件夹下创建中间件middle.js

// 中间件 实现跨页面调用方法
import Vue from 'vue'
export default new Vue

调用页面代码

<template></template>
<script>
import Middle from '@/utils/middle.js';  
export default {
    methods: {
        methodB() {
            //跨页面调取函数
            Middle.$emit('methodA');
        }
    }
}
</script>

被调用页面代码

<template></template>
<script>
import Middle from '@/utils/middle.js';
export default {
    mounted() {
        Middle.$on('methodA', (data) => {
            this.methodA();
        })
    },
    methods: {
        methodA() {
            console.log("哈哈哈")
        }
    }
}
</script>