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

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

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

参考文献:beforeunload - Event reference | MDN


你可能感兴趣的:(vuex存储数据 刷新页面之后,数据仍保留的问题)