vuex数据状态state持久化存储

vuex数据状态state持久化存储

1.安装插件

   cnpm install vuex-persistedstate --save

2.在store中引入

   import createPersistedState from 'vuex-persistedstate';

3.在store中配置需要做存储的数据，按需存储：

	plugins: [createPersistedState({
	        storage: window.sessionStorage,   //sessionStorage和localStorage自行切换
	        reducer (val) {
	            return {
	                guideId: val.guideId, //举例
	            };
	        }
	    })]

4.在store中配置需要全部存储：

             plugins: [persistedState({ 
                 storage: window.sessionStorage 
             })]