需求: Vue 单页面应用, 不同页面之间数据共享
方案:
1 vuex
作用于系统级堆栈,页面应用全局数据共享,刷新后所有数据初始化,当前页面所有数据丢失
2 sessionStorage
浏览器级别数据存储,数据共享,页面刷新不影响数据存储,但每次存取都需要JSON序列化和解序列化,较为繁琐,浏览器页面之间不通用,关闭后浏览器标签页后数据丢失
3 Cookie
浏览器级数据存储,刷新后数浏览器级数据存储,刷新后数据不丢失,浏览器内部可以共享数据,时间上可控。
本文探讨了Vue单页面应用中三种不同的数据共享方案:Vuex用于系统级数据管理,支持全局状态维护;sessionStorage实现浏览器级别的数据存储,适用于不关闭标签页情况下的数据持久化;Cookie同样为浏览器级别数据存储方式,支持数据的长期保存与跨页面共享。
需求: Vue 单页面应用, 不同页面之间数据共享
方案:
1 vuex
作用于系统级堆栈,页面应用全局数据共享,刷新后所有数据初始化,当前页面所有数据丢失
2 sessionStorage
浏览器级别数据存储,数据共享,页面刷新不影响数据存储,但每次存取都需要JSON序列化和解序列化,较为繁琐,浏览器页面之间不通用,关闭后浏览器标签页后数据丢失
3 Cookie
浏览器级数据存储,刷新后数浏览器级数据存储,刷新后数据不丢失,浏览器内部可以共享数据,时间上可控。
您可能感兴趣的与本文相关的镜像
Facefusion
FaceFusion是全新一代AI换脸工具,无需安装,一键运行,可以完成去遮挡,高清化,卡通脸一键替换,并且Nvidia/AMD等显卡全平台支持
2307
144
749
767

被折叠的 条评论
为什么被折叠?