Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题

页面刷新后，想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后，vuex便可以被应用了。vuex劣势：在F5刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据持久化，也可以通过插件-vuex-persistedstate。最直观的就是，手动写比较麻烦。如果没有路径给出，完整的状态是持久的。默认包含这些值。默认为store => handler => store.subscribestorage ：而不是（或与）getState和setState。setState ：将被调用来保持给定状态的函数。filter ：将被调用来过滤将setState最终触发存储的任何突变的函数。