局部存储与会话存储的区别:
1、不同浏览器无法共享localStorage和sessionStorage的值。
2、相同浏览器下,并且是同源窗口(协议、域名、端口一致),不同页面可以共享localStorage值,通过跳转的页面可以共享sessionStorage值。
3、关于sessionStorage,通常说sessionStorage关闭页面即消失,但是通过跳转的页面可以共享sessionStorage值,跳转有多种方式:
(1) (原窗口) <a href="同源页面" target="_self">跳转</a>
(2) (新开窗口)<a href="同源页面" target="_blank">跳转</a>
(3) (原窗口) window.location.href = '同源页面'
(4) (原窗口) window.location.replace('同源页面')
(5) (新开窗口)window.open('同源页面') 或者浏览器点击链接 , 打开的新标签页之间是属于同一个 session 的,但新开一个标 签页总是会初始化一个新的 session,即使网站是一样的,它们也不属于同一个 session
(6) (通过路由跳转共享值) this.$router.push({path: '同源页面'})
(7) app端通过原生方法更换webView实现跳转,这种方式不能共享sessionStorage,原窗口跳转的页面传递sessionStorage,改变存储值会相互影响,新开窗口跳转方式传递sessionStorage,改变存储值互不影响。