需求: Vue 单页面应用, 不同页面之间数据共享
方案:
1 vuex
作用于系统级堆栈,页面应用全局数据共享,刷新后所有数据初始化,当前页面所有数据丢失
2 sessionStorage
浏览器级别数据存储,数据共享,页面刷新不影响数据存储,但每次存取都需要JSON序列化和解序列化,较为繁琐,浏览器页面之间不通用,关闭后浏览器标签页后数据丢失
3 Cookie
浏览器级数据存储,刷新后数浏览器级数据存储,刷新后数据不丢失,浏览器内部可以共享数据,时间上可控。
需求: Vue 单页面应用, 不同页面之间数据共享
方案:
1 vuex
作用于系统级堆栈,页面应用全局数据共享,刷新后所有数据初始化,当前页面所有数据丢失
2 sessionStorage
浏览器级别数据存储,数据共享,页面刷新不影响数据存储,但每次存取都需要JSON序列化和解序列化,较为繁琐,浏览器页面之间不通用,关闭后浏览器标签页后数据丢失
3 Cookie
浏览器级数据存储,刷新后数浏览器级数据存储,刷新后数据不丢失,浏览器内部可以共享数据,时间上可控。