vue全局使用electron

在我们开发electron项目中，创建窗口，远程连接都需基于electron。

没有使用vue-electron 创建全局变量前，我们需要

const electron = require('electron')
const remote = electron.remote
let ipcRenderer = null
if (window.require) {
  ipcRenderer = window.require('electron').ipcRenderer
}

而且是每个组件内都要去定义，这个显然是非常耗性能的。

使用以后只需要:

export default {
  methods: {
    getName () {
      return this.$electron.remote.app.getName()
    }
  }
}

---

(1)安装

npm install vue-electron --save

(2)使用

main.js

import Vue from 'vue'
import VueElectron from 'vue-electron'

Vue.use(VueElectron)

组件内使用

export default {
 methods: {
   getName () {
     return this.$electron.remote.app.getName()
   }
 }
}