如何解决使用vuex刷新网页内容为空
在vue项目中用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失。
原因:
因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值初始化
解决思路:
将state的数据保存在localstorage、sessionstorage或cookie中(三者的区别),这样即可保证页面刷新数据不丢失且易于读取。
localStorage: localStorage的生命周期是永久的,关闭页面或浏览器之后local
转载
2021-05-07 11:11:30 ·
1014 阅读 ·
0 评论