Electron vue 进程间消息通行

原创于 2024-04-25 14:54:56 发布 · 558 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #electron #javascript

本文详细介绍了如何在Electron应用中利用IPC机制，展示了一个主进程通过`ipcMain`监听`parseEmail`事件，而渲染进程通过`ipcRenderer.send`向主进程发送数据的实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 Electron 应用中，IPC（Inter-Process Communication，进程间通信）是一种允许主进程（main process）和渲染进程（renderer process）之间交换数据的方式。

ipcRenderer.send 在渲染进程中调用， ipcMain 的事件监听器在主进程中设置。

以下是一个简单的例子来展示如何使用 Electron 的 IPC 来发送和接收消息：

在主进程（main.ts 或 index.ts）中：

import { app, BrowserWindow, shell, ipcMain } from "electron";

ipcMain.on("parseEmail", async (event, arg: any) => {
  console.log(arg);
});

在vue组件中：

<script setup lang="ts">
import { onMounted, ref } from "vue";
defineProps<{ msg: string }>();
const sendEmail = () => {
  window.ipcRenderer.send("parseEmail", "发送给主进程的数据"); //
};
</script>