Vue中跨頁面調用方法

在調用方法頁面和被調用方法頁面同時引入中間js，通過中間js來進行方法調用
將中間js命名為MiddleUtil.js，代碼為

import Vue from 'vue';
Export default new Vue;
被調用方法頁面代碼

<scripts>
import MiddleUtil from '../util/MiddleUtil';
export default {
data() {
return {
property1: ''
}
}
methods: {
methodB(data) {
if (data) this.property1 = data;
}
}
mounted: {
let _this = this;
MiddleUtil.$on('methodB',(data)=> {
_this.methodB(data);
})
}
}
</scripts>
調用方法頁面代碼

<scripts>
import MiddleUtil from '../util/MiddleUtil';
export default {
methods: {
methodA() {
let data = {
a: '嘿嘿',
b: '哈哈'
}
MiddleUtil.$emit('methodB',data);
}
}
}
</scripts>