vuex-persistedstate解决vuex在刷新页面之后丢失数据

使用了vuex之后会发现，在页面刷新的时候就会将store里的数据清除，这样并不是我们想看道的。

（1）npm install vuex-persistedstate --save

安装vuex-persistedstate插件。

（2）在store.js中引入该插件

import PersistedState from 'vuex-persistedstate'

（3）在store中插入插件

export const store = new Vuex.Store({
  plugins:[PersistedState({
      storage: window.sessionStorage
  })]
});

这样就可以解决了。

注：

sessionStorage只能在当前页面保存store，若新打开页面或新打开浏览器也会丢失。

若使用localStorage则数据一直存在，重新打开浏览器也存在。