第十二章：Electron-Vue渲染进程和主进程通信、shell使用、使用node模块

• 渲染进程和主进程通信

1、渲染进程

 <div>
      <button @click="sendMsg">给主进程广播数据button>
    div>

methods: {
    sendMsg() {
      this.$electron.ipcRenderer.send("tomain", "我是渲染进程");
    },
  }

2、主进程

import {ipcMain} from 'electron'

//接收渲染进程广播数据

ipcMain.on('tomain',(event,data)=>{
    console.log("111")
    console.log(data)
})

• shell使用

<div>
      
      <a
        href="https://huangxiaoguo.blog.csdn.net/"
        @click.prevent="openUrl"
      >https://huangxiaoguo.blog.csdn.net/a>
    div>

methods: {
   
    openUrl(el) {
      this.$electron.shell.openExternal(el.srcElement.href);
    },
    
  },

• 使用node模块

<div>
      <button @click="runNode">使用node.js方法button>
div>

methods: {
    runNode() {
      var dir = path.join(__dirname, "Home.vue");
       console.log(dir);
      fs.readFile(path.join(__dirname, "Home.vue"), (err, data) => {
        if (err) {
          console.log(err);
          return;
        }
        console.log(data.toString());
      });
    },
  },