天天看点

vue2面试题:解决vuex页面刷新数据丢失问题的方式?办法一:将vuex中的数据直接保存到浏览器缓存中(session

作者:程序员大澈

vue2面试题:解决vuex页面刷新数据丢失问题的方式?

办法一:将vuex中的数据直接保存到浏览器缓存中(sessionStorage、localStorage、cookie)

办法二:在页面刷新的时候再次请求远程数据,使之动态更新vuex数据

办法三:在某一组件向后台请求远程数据保存在vuex,并且在页面刷新前将vuex的数据保存至sessionStorage。在另一组件优先使用vuex内的数据,只有刷新后还没取到后台数据,才会从sessionStorage里取。

优点:每次刷新页面更新sessionStorage,确保数据的安全性。刷新后还没取到后台数据就从sessionStorage中取,防止网络延迟、数据量大时vuex数据丢失问题。

#程序员##前端#

vue2面试题:解决vuex页面刷新数据丢失问题的方式?办法一:将vuex中的数据直接保存到浏览器缓存中(session
vue2面试题:解决vuex页面刷新数据丢失问题的方式?办法一:将vuex中的数据直接保存到浏览器缓存中(session
vue2面试题:解决vuex页面刷新数据丢失问题的方式?办法一:将vuex中的数据直接保存到浏览器缓存中(session

继续阅读