04-vuex和webStorage的区别

一、cookie和session的区别

二、vuex和localStorage，sessionStorage的区别

1.区别

vuex存储在内存。

localStorage（本地存储）则以文件的方式存储在本地，永久保存。
sessionStorage（会话存储）临时保存，关闭当前窗口/会话就会丢失。

2.应用场景

vuex用于组件之间的传值，当应用遇到多个组件共享状态的时候，即：多个视图依赖于同一个状态，不同视图的视为需要变更同一个状态。

localStorage，sessionStorage：则主要用于不用页面之间的传值。

3.永久性

当刷新页面（这里的刷新页面指的是F5刷新，属于清除内存了）时，vuex存储的值会丢失。

sessionStorage页面关闭后就清除了，localStorage不会丢失内容。

4.注意

注：很多同学觉得用localStorage可以代替vuex，对于不变的数据确实可以，当时当两个组件公用一个数据源（对象或数组）时，如果其中一个组件改变该数据源，希望另一个组件响应该变化，localStorage，sessionStorage无法做到【这两个组件同时存在。比如一个祖组件，一个孙组件】。因为vuex利用了vue的数据双向绑定原理，数据是响应的。