vuex-persistedstate如何存储多个分离存储至localstorage

您可以使用 vuex-persistedstate 的 createPersistedState 函数来存储多个分离存储至 localstorage。您需要为每个模块创建一个新的 persistedstate 实例，并将其传递给 createPersistedState 函数。例如，以下代码将存储两个模块：auth 和 user。

import createPersistedState from 'vuex-persistedstate'

const authPersistedState = createPersistedState({
  key: 'auth',
  paths: ['auth']
})

const userPersistedState = createPersistedState({
  key: 'user',
  paths: ['user']
})

export default new Vuex.Store({
  modules: {
    auth,
    user
  },
  plugins: [
    authPersistedState,
    userPersistedState
  ]
})

在这个例子中，我们为每个模块创建了一个新的 persistedstate 实例，并将其传递给 createPersistedState 函数。我们还指定了每个模块的 key 和 paths。key 是存储在 localstorage 中的键名，而 paths 是要存储的模块的状态路径。在这个例子中，我们只存储了每个模块的根状态，但您也可以存储任何子状态。

最后，我们将每个 persistedstate 实例作为插件传递给 Vuex.Store。这将确保每个模块的状态都被存储在 localstorage 中。