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

vue 如何在一个页面上调用另一个页面的方法首先同一个vue实例来调用两个方法。所以可以建立一个中转站。建立 util.js 中转站文件（任意位置,我是在/assets/js/util.js）import Vue from 'vue'export default new Vue分别在两个页面引入该文件（注意路径）import Utils from '../../assets/js/util.js'

终不似、少年游

3537人浏览 · 2021-09-17 14:50:44

终不似、少年游 · 2021-09-17 14:50:44 发布

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

首先同一个vue实例来调用两个方法。所以可以建立一个中转站。建立 util.js 中转站文件（任意位置,我是在/assets/js/util.js）
```
import Vue from 'vue'
export default new Vue
```
分别在两个页面引入该文件（注意路径）
```
import Utils from '../../assets/js/util.js';
```

调用方代码：

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

被调用方代码

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

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