时间戳

首页 > 解决方案 > Electron-Vue 应用程序的状态存储在哪里？

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

问题描述

更重要的是，会话之间的状态数据如何保存？

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

填写一些空白后，一切正常。但是，我无法找到应用程序状态的存储位置。例如，在开发模式npm run dev（

我正在使用 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>

标签： vue.jselectronvuex

解决方案

使用 '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

推荐阅读