首页  >  文章  >  浅谈vuex数据缓存的问题

浅谈vuex数据缓存的问题

little bottle
little bottle转载
2019-04-30 10:52:375394浏览

本篇文章主要讲的是关于vuex的数据缓存问题。页面中的页签使用vuex进行数据存储,当切换路由时,进行添页签渲染,而当页面刷新后,存储在store的数据就会被初始化,变为空,遇到这样的情况该如何解决?和小编一起来了解一下吧。

aa.png

描述: 页面中的页签使用vuex进行数据存储,当切换路由时,进行添页签渲染
问题: 当页面刷新后,存储在store的数据就会被初始化,变为空
解决: 最开始想法是用本地缓存来进行数据存储,但感觉并不是太方便,于是就有了vuex-along,话不多数,上代码

bb.png
引入vuex-along
watch() 方法里面存入的数组是你要进行数据保存的的,默认是全部数据缓存,不过有的是是不需要的,就可以在里面设置
watchSession()和watch()存储类似,不过warchSession是存储在session中,区别是关闭浏览器watch() 方法存储的数据不会丢失,watchSession,关闭浏览器数据就会丢失
onlySession()方法,是关闭当前页面,数据就会丢失

相关教程:vue视频教程


以上是浅谈vuex数据缓存的问题的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:segmentfault.com。如有侵权,请联系admin@php.cn删除