Electron-store-vuex-sync

自动同步electron-store和vuex

使用方法

在background.js中（node进程）

1const { ipcMain } = require('electron')
2const Store = require('electron-store');
3const { injectStore } = require('electron-store-vuex-sync')
4const store = new Store();
5
6injectStore(ipcMain, store)

在创建vuex的地方

1import Vuex from 'vuex'
2import { getVuexStoreConfig } from 'electron-store-vuex-sync'
3import { ipcRenderer } from 'electron'
4
5const store = new Vuex.Store(getVuexStoreConfig(ipcRenderer))
6return store

如果需要可以update

如果需要vuex可以同步回store

1import Vuex from 'vuex'
2import { getVuexStoreConfig } from 'electron-store-vuex-sync'
3import { ipcRenderer } from 'electron'
4
5const schema = {
6    a: {
7        type: 'array'
8    }
9}
10
11const store = new Vuex.Store(getVuexStoreConfig(ipcRenderer, schema))
12return store

这样，会根据你schema的key，自动添加mutation,名字类似于set:key名

初始化的vuex state和store同步

默认情况下，state根据schema推导，但是可以通过传入第四个参数defaultStore，让state中每个属性就为defaultStore对应的值

默认同步会在加载成功后通过对应事件同步

1import Vuex from 'vuex'
2import { getVuexStoreConfig } from 'electron-store-vuex-sync'
3import { ipcRenderer } from 'electron'
4import store from '../store' // 导出的electron store
5
6const schema = {
7    a: {
8        type: 'array'
9    }
10}
11
12const store = new Vuex.Store(getVuexStoreConfig(ipcRenderer, schema, null, store))
13return store

这样，会根据你schema的key，自动添加mutation,名字类似于set:key名

参数

injectStore

• ipcMain electron的ipcMain用来注入监听事件
• store electron-store创建的store
• [storeName] 当前这个store的名字需要不同页面同步不同store的时候需要，可选

返回传入的store

getVuexStoreConfig

• ipcRenderer electron的ipcRenderer用来注入监听事件
• [schema] electron-store的schema可以根据这个自动初始化，省去手动的问题
• [storeName] 当前这个store的名字需要不同页面同步不同store的时候需要，可选

其他的事

1. 如果使用schema来初始化的话，vuex的mutation为set:schema的key

2. 只会生成对应的vuex配置，像是state,action这些你可以通过解构等方法把自己的方法注入进去

3. 因为electron-store默认名字为config,所以vuex用来初始化和同步的事件前缀也默认为config:

4. background的注入请放在最顶上