页面刷新后，如何避免vuex数据初始化操作重复执行？

本文共计748个文字，预计阅读时间需要3分钟。

在Vue项目中，开发过程中经常会用到Vuex来管理数据存储。然而，刷新页面后Vuex的state数据初始化问题时有发生。以下是我用过的解决方法：

1. 利用localStorage来缓存Vuex数据。

在vue项目的开发中经常会用到vuex来进行数据的存储，然而在开发过程中会出现刷新后页面的vuex的state数据初始化问题！下面是我用过的解决方法

1、利用storage缓存来实现vuex数据的刷新问题

我们可以在mutation等vuex的方法中对于数据进行改变时，将数据同时存储进我们的本地浏览器缓存中；下面是我在mutation中写的方法；

同步将数据的更改保存，也可以在页面调用vuex的mutation方法时同步更改；但是这种方法只能针对少量的数据需要保持不刷新，在真正的卡发中并不适用

2、利用已有的插件来进行保存新状态

一致的插件中，我目前使用的是vuex-along插件，该插件使用非常方便简洁。