How to listen for webContents.send events from main processes in vue components about electron-vue-template HOT 3 CLOSED

Following the example in the docs:

// preload.ts
const { contextBridge, ipcRenderer } = require('electron')

contextBridge.exposeInMainWorld('electronAPI', {
    onUpdateCounter: (callback) => ipcRenderer.on('update-counter', callback)
})

You can access your Vue ref's like this:

// App.vue
const msg = ref('');
window.electronAPI.onUpdateCounter((event, count) => msg.value = count.toString());

from electron-vue-template.

Hi! I highly suggest you take a look at the IPC tutorial from Electron: https://www.electronjs.org/docs/latest/tutorial/ipc#2-expose-ipcrendereron-via-preload

The link shows you how to subscribe to an event sent through webContents.send from the main process

from electron-vue-template.

Hi! I highly suggest you take a look at the IPC tutorial from Electron: https://www.electronjs.org/docs/latest/tutorial/ipc#2-expose-ipcrendereron-via-preload

The link shows you how to subscribe to an event sent through webContents.send from the main process

The instructions in this document I know that if I follow the document, I can only listen for messages in preloaded scripts and modify DOM directly, but what I really want to solve is how to listen for messages during the life cycle of vue. So that it can update vue UI

from electron-vue-template.