vuex、localStorage、sessionStorage之间的区别

  1. vuex存储在内存中,localStorage以文件形式存储在本地,sessionStorage针对一个session(阶段)进行数据存储。

  2. 当页面刷新时vuex存储的数据会被清除,localStorage是永久存储,数据不会被清除,sessionStorage(会话存储),临时存储,当前窗口关闭后数据被清除。

  3. localStorage和session只能存储字符串,对于复杂的对象需要使用JSON中的stringfy和parse来处理。

  4. vuex用于组件之间的传值(响应式),localStorage和sessionStorage则主要用于不同页面之间的传值(其他页面更新数据后,当前页面要刷新才能相应更新,非响应式的)。因此,如果两个组件共用一个数据源,其中一个组件改变了该数据源,希望另一个组件响应该数据时,localStorage和sessionStorage无法做到。

  5. localStorage本质上是对字符串的读取,如果存储内容过多的话会消耗内存空间,导致页面变卡。

img
原文地址:https://www.cnblogs.com/jincanyu/p/14384683.html