vuex和localStorage/sessionStorage 区别

Posted 2020-11-19 dzzzz

1.最重要的区别：vuex存储在内存，localstorage则以文件的方式存储在本地

2.应用场景：vuex用于组件之间的传值,（响应式的），localstorage则主要用于不同页面之间的传值（其他页面更新数据了，当前页面要刷新才能相应更新，非响应式的）

（响应式跟非响应式简直是说到点子上了）

3.永久性：当刷新页面时vuex存储的值会丢失（存在内存里的，刷新了，当然会丢失），localstorage不会。

注：很多同学觉得用localstorage可以代替vuex, 对于不变的数据确实可以，
但是当两个组件共用一个数据源（对象或数组）时，如果其中一个组件改变了该数据源，希望另一个组件响应该变化时，local torage无法做到.

-----

针对第3点，vuex就是一个“提升变量”的一个工具，它是将state当做全局变量存储。F5刷新页面之后自然随着页面的刷新重新初始化state。

目前想让浏览器记住数据，一般都会采用cookie或者localStorage、sessionStorage等方法