vuex数据持久化解决方案

1.手动解决

vuex里面存放的数据,页面一经刷新会丢失:
解决办法: 存放在localStorage或者sessionStorage里面,进入页面时判断是否丢失,丢失再去localStorage或者sessionStorage里面取;
在app.vue根组件的created里面判断是否丢失,在进行上面的操作;

2.vuex-persistedstate 插件

插件使用方法https://www.jianshu.com/p/c22861ec5f21
import createPersistedState from ‘vuex-persistedstate’
export default new Vuex.Store({
state,
getters,
mutations,
actions,
plugins: [createPersistedState()]
)}

上一篇:前端学习(十一)导航栏登录功能


下一篇:HTML5