本文探讨了在Vue项目中使用Vuex时遇到的刷新页面数据丢失问题，并提供了两种解决方案：一是通过Mutation手动同步更新本地缓存；二是利用插件如vuex-along自动保存状态，确保数据不因页面刷新而消失。
在vue项目的开发中经常会用到vuex来进行数据的存储，然而在开发过程中会出现刷新后页面的vuex的state数据初始化问题！下面是我用过的解决方法
- 利用storage缓存来实现vuex数据的刷新问题
- 我们可以在mutation等vuex的方法中对于数据进行改变时，将数据同时存储进我们的本地浏览器缓存中；下面是我在mutation中写的方法；
- 同步将数据的更改保存，也可以在页面调用vuex的mutation方法时同步更改；但是这种方法只能针对少量的数据需要保持不刷新，在真正的卡发中并不适用
- 利用已有的插件来进行保存新状态
- 已知的插件中，我目前使用的是vuex-along插件，该插件使用非常方便简洁。
- 通过 cnpm i vuex-along -D下载插件，在进行引入，在store里面通过plugin来使用，这样就能将所有的state的数据都进行保存，不回应为刷新而更改，当然如果你想仅对某些数据进行保存，也可以使用对应的插件的api来实现，具体的api请看github；https://github.com/boenfu/vuex-along；
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
