vuex-persistedstate配置

vuex-persistedstate是一个Vue插件，用于将Vuex状态持久化到本地存储中。它可以将Vuex状态保存到localStorage或sessionStorage中，并在页面刷新后自动恢复状态。配置vuex-persistedstate非常简单，只需要在Vuex Store中引入插件并传递配置对象即可。配置对象包括key、storage和reducer三个属性，分别用于指定存储的键名、存储方式和状态过滤器。例如：

import createPersistedState from 'vuex-persistedstate'

const store = new Vuex.Store({
// ...
plugins: [
createPersistedState({
key: 'my-app',
storage: window.sessionStorage,
reducer: state => ({
user: state.user,
settings: state.settings
})
})
]
})

在上面的示例中，我们将Vuex状态保存到sessionStorage中，并只保留user和settings两个状态。这样做可以避免保存不必要的状态，减小存储空间。