vuex、localStorage、sessionStorage之间的区别
-
vuex存储在内存中,localStorage以文件形式存储在本地,sessionStorage针对一个session(阶段)进行数据存储。
-
当页面刷新时vuex存储的数据会被清除,localStorage是永久存储,数据不会被清除,sessionStorage(会话存储),临时存储,当前窗口关闭后数据被清除。
-
localStorage和session只能存储字符串,对于复杂的对象需要使用JSON中的stringfy和parse来处理。
-
vuex用于组件之间的传值(响应式),localStorage和sessionStorage则主要用于不同页面之间的传值(其他页面更新数据后,当前页面要刷新才能相应更新,非响应式的)。因此,如果两个组件共用一个数据源,其中一个组件改变了该数据源,希望另一个组件响应该数据时,localStorage和sessionStorage无法做到。
-
localStorage本质上是对字符串的读取,如果存储内容过多的话会消耗内存空间,导致页面变卡。
![img](https://img.imgdb.cn/item/600913c83ffa7d37b3426967.jpg)