electron主进程与渲染进程通信

主进程向渲染进程通信

main.js中发送

context.mainWindow.webContents.send('logout', 'logout');

vue页面中接收

import { ipcRenderer } from 'electron';
created(){
	xxx = ipcRenderer.on('logout', (e, ...args) => {
     	console.log(args)
    })
}
// 每次卸载页面要移除监听，避免重复
beforeDestoryed(){
	ipcRenderer.removeAllListeners(xxx)
}

渲染进程向主进程通信

vue页面中发送

import { ipcRenderer } from 'electron';
ipcRenderer.invoke('msg', msg)
//ipcRenderer.invoke('msg', msg)

main.js接收

 ipcMain.handle('msg', function (e, ...args) {
    console.log('参数', args);
  })

ps: invoke 可替换成send，对应的handle替换成on