vuex-persistedstate 使用浏览器的本地存储( local storage )对状态( state )进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。
安装:
npm install vuex-persistedstate --save-dev
在store文件夹的index.js引入
import createPersistedState from 'vuex-persistedstate'
初始化vuex 加入插件
const store = new Vuex.Store({
modules: {
user,
groupBuying,
clearance
},
getters,
plugins: [createPersistedState()]
})
默认用的是localStorage的存储方式,因为本项目需求需要改成sessionStorage的存储方式,在配置里面改为,如果有其他配置可以参考官方api
plugins: [createPersistedState(
{ storage: window.sessionStorage }
)]