Electron-Vue 应用程序的状态存储在哪里？

Question

状态数据如何以及更重要的是在会话之间保存在哪里？

我按照本教程 (https://alligator.io/vuejs/vue-electron/) 在 Electron 中使用 Vue.js 创建了一个简单的 ToDo 应用程序。

填写一些空白后，一切正常。但是，我无法找到应用程序状态的存储位置。例如，在开发模式下（npm run dev），如果我添加了一些 ToDo 项，然后关闭 App（甚至重新启动 VS Code），则重新启动 App 时 ToDo 数据会保留。

我使用的是 Win10，除其他外，我曾尝试搜索过去 30 分钟内更改的文件 (datemodified:‎23/‎09/‎2019 12:30..13:00)，但没有成功。我查看了我的个人资料、应用目录，并在谷歌上搜索了线索。

[编辑]

我认为这与 import { createPersistedState, createSharedMutations } from 'vuex-electron'（位于 src\renderer\store\index.js）有关，但与了解状态存储的位置并没有多大关系。是的 - 我对此很陌生。

---

无论如何，如果您想学习本教程：

问题 1。

现在我们知道了 Vue 应用程序是如何启动的，让我们来看看我们的应用程序中定义的路由。前往 src/router/index.js：

应该是：src/renderer/router/index.js：

问题 2. 在 src/renderer/components/LandingPage.vue

     <div class="todos">
      <ul>
        <li
          class="todo-item"
          v-for="todo in todos"
          :key="todo.id"
          @click="completeTodo(todo)"></li>
      </ul>
    </div>

应该是：

    <div class="todos">
      <ul>
        <li
          class="todo-item"
          v-for="todo in todos"
          :key="todo.id"
          @click="completeTodo(todo)">{{todo.name}}</li>  // {{todo.name}}
      </ul>
    </div>

Answer 1

使用 'vuex-electon' 的 'createPersistedState' 选项以 json 格式保存在 'AppData' 路径中。

uerName/AppData/Roaming/Electron/vuex.json

删除“createPersistedState”以禁用保存。

import { createSharedMutations } from 'vuex-electron'

export default new Vuex.Store({
  modules,
  plugins: [
    createSharedMutations()
  ],
  strict: process.env.NODE_ENV !== 'production'
})

查看https://github.com/vue-electron/vuex-electron