其他分享
首页 > 其他分享> > vuex数据持久化解决方案

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