electron + vue + vite + qwebchannel 实现C++与JS通信

# VUE + QWebChannel + electron QT工程 standalone ## 安装ws qwebchannel ```nodejs npm install ws qwebchannel npm install @types/ws -D ``` ### vue 插件 ```typescript import { App } from 'vue'; import { WebSocket } from "ws"; import { QWebChannel } from "qwebchannel"; let core: any = null; export default { install(app: App) { const wsUrl: string = "ws://localhost:12345"; const ws = new WebSocket(wsUrl); ws.onopen = (e) => { new QWebChannel(ws, function (channel: QWebChannel) { alert("创建") core = channel.objects.core; core.sendText.connect(function (message: string) { alert(message) }); core.sendNum.connect(function (x: number) { alert(x) }); app.config.globalProperties.$core = core; }); }; } } let receiveText = (msg: string) => { core.receiveText(msg); } let onSendText = (callback: (msg: string) => void) => { core.sendText.connect(callback) } export { receiveText,onSendText } ``` ## vue3事件总线 [https://github.com/developit/mitt](https://github.com/developit/mitt)