简介: 使用vue3+vite+electron构建小项目介绍Electron进程间通信 进程间通信 (IPC) 是在 Electron 中构建功能丰富的桌面应用程序的关键部分之一。 由于主进程和渲染器进程在 Electron 的进程模型具有不同的职责,因此 IPC 是执行许多常见任务的唯一方法,例如从 UI 调用原生 API 或从原生菜单触发 Web 内容的更改。
在指定.vue页面使用 // 关闭程序closeWin(){window.electronAPI.close()// window.electronAPI.minimize()// window.electronAPI.changWindowSize()} 网上有在main.js中直接引用 window.ipcRenderer = window.require('electron').ipcRenderer,但会报 window.require not undefined,是因为我们使用了preload.js预加载...
按照官网讲述,electron进程通信一共分为四种模式: 1. 渲染器进程到主进程(单向) 2. 渲染器进程到主进程(双向) 3. 主进程到渲染器进程 4. 渲染器进程到渲染器进程 按照经验,第二种模式使用的场景更多,所以在我们需要通信的时候,如果无法确定应该使用哪种模式,就首选第二种模式。 我们以第二种模式和第三种模式...
IPC渲染器是Electron中的一个重要概念,它允许主进程和渲染进程之间进行通信。主进程是Electron应用程序的控制中心,负责管理窗口、菜单和其他系统级操作。渲染进程是应用程序的前端部分,负责显示界面和处理用户交互。 在Vue3中,我们可以使用Electron提供的ipcRenderer模块来进行IPC通信。我们需要安装Electron及相关模块: ```...
importAppfrom'./App'importFpMenufrom'./index'import{ProjectConfig}from'@/common/configs/projectConfig.js'// 引入 uView UIimportuViewfrom'@/vk-uview-ui';// #ifdef VUE3import{createSSRApp}from'vue'exportfunctioncreateApp(){constapp=createSSRApp(App)app.use(uView)app.config.globalProperties.$Fp...
本人声明: 在一次 "在electron + vue 不同的子窗口如何做通信" 中, 看到了 github 博主的 J.c 《XCel 项目总结 - Electron 与 Vue 的性能优化》这篇文章, 这篇文章详细记录了 electron 开发中碰见的各种问题, 以及针对 electron +vue 的性能优化, 博主讲的很详细, 逻辑实现也很清楚, 也顺便看了下博主其...
2. 通信：electron 与 vue 之间的 IPC 通信 3.数据库设计： SQLite 初始数据结构 项目改造 删除文件 ...
home.vue <template> {{msg}} 给主进程广播数据 <!--click.stop 阻止冒泡 click.prevent 阻止默认行为--> 打开百度 使用nodejs的模块 </template> varpath=require('path'); exportdefault{ data(){return{ msg:'首页组件'} }, methods:{ sendMsg(){ alert('执行')this...