vue构建的单页大型项目中,可能会用到Vuex 。但是有一个问题就是:vuex的存储的数据只是在页面的中,相当于我们定义的全局变量,刷新之后,里边的数据就会恢复到初始化状态。但是这个情况有时候并不是我们所希望的。比如,用户已经登录了,我把登录状态放到state中了,一刷新页面,还要重新登录?监听页面是否刷新,如果页面刷新了,将state对象存入到sessionStorage/localStorage中。页面打开之后,判断sessionStorage/localStorage中是否存在state对象,如果存在,则说明页面是被刷新过的,将sessionStorage/localStorage中存的数据取出来给vuex中的state赋值。H5提供了我们常用的localStorage和sessionStorage。

解决vuex刷新数据消失问题

解决vuex刷新数据消失问题

解决vuex刷新数据消失问题

解决vuex刷新数据消失问题