vue中的持久化插件

vuex-persistedstate持久化插件的安装以及使用规则

利用vuex-persistedstate安装方法

插件的原理：其实也是结合了存储方式,只是统一的配置就不需要手动每次都写存储方法

npm install vuex-persistedstate -S

引入以及配置使用

在公共仓库store下的index.js引入

import createPersistedState from "vuex-persistedstate"
const store = new Vuex.Store({
	plugins:[createPersistedStata()]
})

默认是存储到localStorage
如果想要存储到sessionStorage的话，配置如下

import createPersistedState from "vuex-persistedstate"
const store = new Vuex.Store({
	plugins:[createPersistedState({
		storage: window.sessionStorage
	})]
})

想使用cookie同理
默认是持久所有的state
指定持久某一项，配置如下

import createPersistedState from "vuex-persistedstate"
const store = new Vuex.Store({
	plugins:[createPersistedState({
		storage: window.sessionStorage,
		reducer(data){
			return{
				dataList : data.dataList
			}
		}
	})]
})