在我们开发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()
}
}
}