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()]
)}
标签:插件,持久,解决方案,localStorage,丢失,sessionStorage,persistedstate,vuex 来源: https://blog.csdn.net/weixin_44230807/article/details/118489021