为什么要数据持久化

使用vuex展示数据时，我们操作了store中state的数据，但是当我们刷新页面时，state数据又会变成修改之前的状态，所以某些场景需要进行数据持久化解决这个问题

使用vuex-persist工具进行持久化操作

可以通过localStorage进行存储，也可以sessionStorage进行存贮

npm install --save vuex-persist

本质仍然是用了本地存储

默认会存储所有的state中的属性，只存储特定属性的方法：

const vuexLocal = new VuexPersistence({
  storage: window.localStorage,
  // 只对state中state属性进行持久化
  reducer: state => ({ count: state.count})
})