vue2和electron进程通信 示例代码

以下是Vue2和Electron进程通信的示例代码：

在Vue组件中：

// 引入remote模块
const { ipcRenderer } = require('electron').remote

export default {
    methods: {
        // 发送消息给Electron主进程
        sendMessageToMainProcess() {
            ipcRenderer.send('message-from-renderer', 'Hello from renderer process!')
        }
    },
    mounted() {
        // 监听来自Electron主进程的消息
        ipcRenderer.on('message-from-main', (event, message) => {
            console.log(`Received message from main process: ${message}`)
        })
    }
}

在Electron主进程中：

// 引入ipcMain模块
const { ipcMain } = require('electron')

// 监听来自渲染进程的消息
ipcMain.on('message-from-renderer', (event, message) => {
    console.log(`Received message from renderer process: ${message}`)

    // 发送消息给渲染进程
    event.sender.send('message-from-main', 'Hello from main process!')
})

在上述代码中，我们首先在Vue组件中引入了Electron的remote模块，并使用ipcRenderer对象发送消息给Electron主进程。我们还在组件的mounted生命周期钩子中监听来自主进程的消息，并在控制台中打印出来。

在主进程中，我们使用ipcMain模块监听来自渲染进程的消息，并在控制台中打印出来。然后，我们使用event.sender对象将消息发送回渲染进程。

这就是Vue2和Electron进程通信的基本示例代码。