這種方法不常用,項目中有個地方共享數據了,起初沒用vuex做,后來有個地方不好解決,這兩個組件沒有什么關系
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.被調用方代碼
1 mounted(){ 2 Utils.$on('demo', (msg) => { 3 console.log(msg); 4 this.functionB(); 5 }) 6 }, 7 methods: { 8 functionB() { 9 ... 10 } 11 }