Vuex 刷新后持久丢失数据

Question

我想保存一些需要在页面重新加载后保持不变的数据。我偶然发现了 Vuex。我设法让它在一个只有 Javascript 的项目中工作，但出于某种原因我没有让它在 TypeScript 中工作。刷新后数据使用默认值而不是页面刷新前分配的数据。

import Vue from 'vue'
import Vuex from 'vuex'
import VuexPersistence from 'vuex-persist'
import LanguageEntry from '../classes/LanguageEntry'

Vue.use(Vuex)

export interface State {
  IsDark: boolean;
  CurrentLanuage: string;
  LanguageValues: Array<LanguageEntry>;
}

export default new Vuex.Store<State>({
  state: {
    IsDark: false,
    CurrentLanuage: "DE",
    LanguageValues: Array<LanguageEntry>(),
  },
  plugins: [new VuexPersistence().plugin],
})

Answer 1

我使用一个流行的插件来保存数据 vuex-persistedstate 刷新后，我今天注意到它比你的更新最近。

我在 /route index.js 中使用它，例如：

import createPersistedState from 'vuex-persistedstate';

export default function (/* { ssrContext } */) {
  const store = new Vuex.Store({
    modules: {
      // example
    clients,
    auth: authentication,
    },
  plugins: [createPersistedState()],
    // enable strict mode (adds overhead!)
    // for dev mode only
    strict: process.env.DEBUGGING
  })

  return store
}

Vuex 刷新后持久丢失数据

Vuex persist losses data after refresh

typescript

vuex

vuejs2