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

本文主要是介绍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-Vue数据持久化处理方案的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---