Nuxt.js中localStorage中具體數據如何持久化？

Question

我商店中存在的所有數據都保存在 localStorage 中，但我只想保存我的用戶，該用戶存儲在 nuxt.js 商店中。

這是我的store/login.js

 export const state = () => ({ user: '' }) export const mutations = { setUser(state, newUser) { state.user = newUser; } } export const getters = { getUser(state) { return state.user } }

我正在使用vuex-persist插件來保存數據。 這是我的plugin/vuex-persist ：

 import VuexPersistence from 'vuex-persist'; export default ({ store }) => { new VuexPersistence({ key: 'vuex', storage: window.localStorage, }).plugin(store); }

謝謝你的幫助 ！

Answer 1

來自vuex-persist 文檔：

const vuexCookie = new VuexPersistence<State, Payload>({
  restoreState: (key, storage) => Cookies.getJSON(key),
  saveState: (key, state, storage) =>
    Cookies.set(key, state, {
      expires: 3
    }),
  modules: ['user'], //only save user module
  filter: (mutation) => mutation.type == 'logIn' || mutation.type == 'logOut'
})

選項 object 有一個“模塊”鍵，它需要一個字符串 [] 值，其中包含您要序列化的模塊的名稱。

Constructor param: modules
Value type: string[]
Description: List of modules you want to persist. (Do not write your own reducer if you want to use this)