vuex存储数据 刷新页面之后,数据仍保留的问题

在开发过程中,遇到过很多次存储在vuex中的数据, 第一次进入页面的时候,在created钩子函数中,是可以 获取到的,但是当我们再次刷新页面的时候,vuex的数据会清空,那我们就要像到吧第一次进入页面时候的数据线缓存起来。留给以后每次本页面刷新的时候应用,这时候我就想到可以用本地存储的方式, 我们也知道本地存储都几种存储方式:localStorage、sessionStorage、cookie等方式, 但是我存储的数据很小就一个字段,

所有我用localStorage的方式去存储第一渲染页面时候的数据。这时候我们就要知道如何去判断页面是都刷新, 还是第一次进入了,js有一种方式:beforeunload ,这个是页面正在卸载的方法,我们可以理解为,即将渲染新的页面

参考文献:beforeunload - Event reference | MDN


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作者:kim来自:kimshareclub微信公众号 1、问题描述: 一般在登录成功的时候需要把用户信息,菜单信息...
    前端进阶体验阅读 51,076评论 1 32
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,129评论 0 2
  • 场景: VueX里存储了 this.$store.state.PV这样一个变量,这个变量是在app.vue里通过接...
    君临12138阅读 3,040评论 0 1
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 9,768评论 1 52
  • 本文介绍本地数据存储的选型。简单总结一些查询到的关于本地数据存储的技术。 控制台展示前端存储 Chrome: 前端...
    谢大见阅读 9,147评论 1 8