在vue中使用store时,发现在刷新页面之后,store中的数据丢失了。
taskId: this.$store.state.lockTask.currentTaskId
刷新页面之前:
刷新页面之后:
原因:
刷新页面时,vue实例重新加载,从而,store也被重置了。
store是用来存储组件状态的,而不是用来做本地数据存储的。
所以,对于不希望页面刷新之后被重置的数据,我使用了本地存储来进行存储。
cookie不适合存储大量的数据。
localStorage 是永久存储,浏览器关闭后数据不会丢失,除非主动删除数据。当关闭页面后重新打开,会读取上一次打开的页面数据。
sessionStorage 在当前浏览器窗口关闭后自