主要介绍了vuex页面刷新后数据丢失的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1. 原因 （1）js代码是运行在内存中的，代码运行时的所有变量、函数都是保存在内存中。 （2）刷新页面，以前申请的内存被释放，重新加载脚本代码，变量要重新赋值。 （3）要想刷新后数据不丢失就必须把数据存储在外部，例如：Local Storage、Session Storage、Index DB等。这些都是浏览器提供的API，让你可以将数据存储在硬盘上，做持久化存储。 2. HTML5提供的2种客户端存储数据的新方法 localStorage存储数据： （1）存储的数据是永久性的，永不过

导语： 我们在写vue项目的时候，经常要用到vuex作为内存来储存，但是我们存放在vuex中的数据（用户数据，当前页面的数据等等）在刷新后就会丢失，那么如何解决呢？超级简单。 1，安装vuex-persistedstate npm install --save vuex-persistedstate 2，修改store import createPersistedState from 'vuex-persistedstate' const store = new Vuex.Store({