vuex数据持久化

vuex在刷新时会导致数据丢失，因而使用了一个第三方库：vuex-persistedstate

安装

npm install vuex-persistedstate --save

使用

//store.js
import createPersistedState from "vuex-persistedstate"
 
const store = new Vuex.Store({
//...常规
 
//插件项
plugins:[createPersistedState()]
})

原理是在浏览器刷新前会触发一个方法，会在刷新前的这个方法里将state所有数据存入缓存中，刷新完毕后再将此数据存入state.