electron-store-vuex-sync

Electron-store-vuex-sync

自动同步electron-store和vuex

使用方法

在background.js中（node进程）

const { ipcMain } = require('electron')
const Store = require('electron-store');
const { injectStore } = require('electron-store-vuex-sync')
const store = new Store();

injectStore(ipcMain, store)

在创建vuex的地方

import Vuex from 'vuex'
import { getVuexStoreConfig } from 'electron-store-vuex-sync'
import { ipcRenderer } from 'electron'

const store = new Vuex.Store(getVuexStoreConfig(ipcRenderer))
return store

参数

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的注入请放在最顶上