Vue 3 + Vite + Electron

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Vu3 hook

• onMounted 页面初始化需要挂载时候使用

onMounted( ()=>{

  getList()
  
})

• onBeforeMount ===》 onMounted ===》 onBeforeUnmount ===》 onUnmounted
• ononBeforeMount() 组件被挂载之前被调用。它在组件已经完成了其响应式状态的设置，但还没有创建 DOM 节点之前触发
• onMounted() 组件挂载完成后执行。此时DOM节点已创建完成。通常用于执行需要访问组件所渲染的 DOM 树相关的副作用，或是在服务端渲染应用中用于确保 DOM 相关代码。
• onBeforeUnmount() 组件被卸载之前被调用
• onUnmounted() 组件卸载之后调用。通常用于做一下清理工作
• onBeforeUpdate 与 onUpdated
• onBeforeUpdate() 当组件因响应式状态变化，且该响应式状态会影响视图。此时先触发此事件，然后再更新视图
• onUpdated 当组件因响应式状态变化，且该响应式状态更新了视图之后，触发此事件

about ipcRenderer

import { useIpcRenderer } from "@vueuse/electron";

const ipcRenderer = useIpcRenderer();

ipcRenderer.send("window-new", "im render"); // 向主进程通信

electron-main/index.js中主进程监听事件：

import { app, BrowserWindow, ipcMain } from "electron";
  // 监听渲染进程方法
  ipcMain.on("window-new", (e: Event, data: string) => {

  console.log(data); // 打印出发过来的 im render

  });

API 接口请参考src/api 文件夹下的JS 文件

核心逻辑在src/api/config.js中，其他文件参考src/api/device.js

操作步聚