记录前端数据共享的问题

19 阅读1分钟

在vue中,使用vuex可以在一定程度上实现数据共享,但却有一些限制。

vuex中,数据是存在内存中的,不同的浏览器,以及不用的浏览器标签页,是无法实现数据共享的。

localStorage:localStorage的生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。
localStorage除非主动删除数据,否则数据永远不会消失。
相同浏览器的不同标签在同源情况下可以共享localStorage。

sessionStorage的生命周期是在仅在当前会话下有效。sessionStorage引入了一个"浏览器窗口"的概念,
sessionStorage是在同源的窗口中始终存在的数据。
只要这个浏览器窗口没有关闭,即使刷新页面或者进入同源另一个页面,数据依然存在。
但是sessionStorage在关闭了浏览器窗口后就会被销毁。
同时独立的打开同一个窗口同一个页面,sessionStorage也是不一样的。

想要数据实现共享,可以采用数据持久化的方法。