模块化vuex里使用vuex-persistedstate

可以使用 vuex-persistedstate 插件来实现 vuex 模块化的持久化存储。首先，在每个需要持久化的模块中引入 vuex-persistedstate 插件，然后在模块的 state 中定义需要持久化的属性，最后在插件的配置中指定需要持久化的模块和属性即可。以下是一个示例代码：

// store/modules/user.js
import createPersistedState from 'vuex-persistedstate'

const state = {
  token: '',
  userInfo: {}
}

const mutations = {
  setToken(state, token) {
    state.token = token
  },
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  plugins: [createPersistedState({
    key: 'user',
    paths: ['token', 'userInfo']
  })]
}

在上面的代码中，我们定义了一个名为 user 的模块，其中包含了需要持久化的 token 和 userInfo 属性。我们使用了 vuex-persistedstate 插件，并在插件的配置中指定了需要持久化的模块和属性。这样，当用户刷新页面或关闭浏览器后再次打开时，用户的登录状态和个人信息都会被保留下来。

希望这个回答对你有所帮助！