Electron-Vue数据持久化处理方案

1. 首先执行 $ npm install electron-store

2. 修改vue.config.js文件进行配置,设置 electron-vue 的运行环境(已修改) nodeIntegration 改为true

3. electron 11x 以上版本:在electron 主进程中执行以下代码

import Store from 'electron-store';
Store.initRenderer()

4.渲染进程内使用:

import _store from '@/utils/electronStore.js'
// 存储信息
_store.set('ceshi', '叮咚测试');
// 获取信息
--_store.get('ceshi');

另外,多个层级的JSON数据,可以使用 _store.get('user.depatment.name') 这种方式来获取。

5. 获取electron本地数据存放目录

import { app, remote } from 'electron'
// 根据process.type来分辨在哪种模式使用哪种模块
const APP = process.type === 'renderer' ? remote.app : app
// 获取electron应用的用户目录
const STORE_PATH = APP.getPath('userData')
上一篇:Electron,可以将web网页程序包装成桌面应用


下一篇:MDK 下使用 JLink ITM 输出log