vuex在electron不同窗口共享的问题

问题描述：项目使用electron在窗口A中打开窗口B B中向vuex中写入数据,B中打印 vuex已经更改完成,但是A中还是没有变化。

因为不同的窗口，属于不同的渲染进程，vuex 是被隔离的，相互之间是不能通过 vuex 进行通信的，2个渲染进程之间进行通信，需要通过 主进程进行分发才行。可以用vuex-electron来实现。
1、安装Vuex Electron

npm install vuex-electron

import Vue from "vue"
import Vuex from "vuex"
 
import { createPersistedState, createSharedMutations } from "vuex-electron"
 
Vue.use(Vuex)
 
export default new Vuex.Store({
  // ...
  plugins: [
    createPersistedState(),
    createSharedMutations()
  ],
  // ...
})

为了正确处理包，不应使用外部操作。store.commit可用选项createPersistedState()

createPersistedState({
  whitelist: ["whitelistedAction", "anotherWhitelistedAction"],
 
  // or
 
  whitelist: (mutation) => {
    return true
  },
 
  // or
 
  blacklist: ["ignoredAction", "anotherIgnoredAction"],
 
  // or
 
  blacklist: (mutation) => {
    return true
  }
})