vue 如何在一个页面上调用另一个页面的方法

vue 如何在一个页面上调用另一个页面的方法

1. 首先同一个vue实例来调用两个方法。所以可以建立一个中转站。建立 util.js 中转站文件（任意位置,我是在/assets/js/util.js）

   import Vue from 'vue'
   export default new Vue
   

2. 分别在两个页面引入该文件（注意路径）

   import Utils from '../../assets/js/util.js';
   

3. 调用方代码：

   methods: {
       functionA() {
           Utils.$emit('demo','msg');
       }
   }
   

4. 被调用方代码

   		mounted(){
   		   var that = this;
   		   Utils.$on('demo', function (msg) {
   		       console.log(msg);
   		       that.functionB();
   		   })
   		},
   		methods: {
   		   functionB() {
   		       ...
   		   }
   		}
   

   参考：https://cn.vuejs.org/v2/api/#vm-on