Electron-Vue 응용 프로그램의 상태는 어디에 저장됩니까?

Electron-Vue 응용 프로그램의 상태는 어디에 저장됩니까?

세션 간에 상태 데이터를 유지하는 방법 및 요점은 무엇입니까?

이 튜토리얼(https://alligator.io/vuejs/vue-electron/)에 따라 Electron의 Vue.js를 사용하여 간단한 ToDo 앱을 만들었습니다.

빈칸을 채우고 나면 모든 것이 작동한다.그러나 응용 프로그램 상태가 저장된 위치를 찾을 수 없습니다.예를 들어 Dev 모드(npm run devToDo 항목을 추가한 다음 앱을 닫으면(그리고 VS 코드도 다시 시작), 앱을 다시 시작할 때 ToDo 데이터가 유지됩니다.

Win10을 사용하고 있으며, 특히 최근 30분 이내에 변경된 파일을 검색해 보았습니다.datemodified:‎23/‎09/‎2019 12:30..13:00하지만 운이 없었지.나는 내 프로필, 앱 디렉토리를 보고 단서가 있는지 구글을 검색했다.

[편집]

이 일과 관련이 있는 것 같아요import { createPersistedState, createSharedMutations } from 'vuex-electron'(src\renderer\store\index.displaces에 있습니다).다만, 스테이트의 보존 장소에는 그다지 가깝지 않습니다.네, 저는 이 일이 꽤 생소합니다.

---

이 튜토리얼을 따르려면 다음 절차를 따릅니다.

제1호

이제 Vue 어플리케이션의 기동 방법을 알게 되었습니다.그럼 어플리케이션 내에서 정의된 루트를 살펴보겠습니다.src/router/index.js로 이동합니다.

src/renderer/syslog/index.syslog:

제2호src/renderer/components/Landing Page 내.표시하다

     <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>

'vuex-electon'의 'createPersistState' 옵션을 사용하면 'AppData' 경로에 json 형식으로 저장됩니다.

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 를 참조해 주세요.

언급URL : https://stackoverflow.com/questions/58055227/where-is-the-state-of-a-electron-vue-application-stored