LocalStorage与SessionStorage的主要区别

1.实质区别
vuex存的是状态，存储在内存；localStorage是浏览器提供的接口，让你存的是接口，以文件的形式存储到本地
2.应用场景
vuex用于组件之间的传值，localStorage则主要用于页面之间的传值
3.永久性
当刷新页面时，vuex存储的值会丢失，localStorage不会
总结
localStorage可以代替vuex，对于不变的数据确实可以，但是当两个组件共同用以数据源，如果其中一个组件中的数据源改变，希望另一个组件响应变化，这时候就要选择用vuex。vuex是vue的状态管理机制，是方便组件之间通信的。一个组件的数据变化是会映射到使用这个数据的其他组件。而localStorage是本地存储，是将数据存储到浏览器的方法，一般在跨页面时使用。

 

 

1.vuex主要是用于数据监听，并作用到渲染层。比如token消失自动跳转到登录页，token存完自动跳到首页。如果直接操作localstorage，需要自己实现监听事件

2.

LocalStorage与SessionStorage的主要区别：

LocalStorage除非主动删除，否则会永久存储在浏览器中。

SessionStorage只在当前所在窗口关闭前有效，窗口关闭后其存储数据也就会被自动清除。

 

3.

localStorage.setItem("lan",value);

localStorage.getItem("lan");

 

存：

var obj = {"name":"ergouzi","age":"16"}
localStorage.setItem("userInfo",JSON.stringify(obj));
取：

var user = JSON.parse(localStorage.getItem("userInfo"))
删除：

localStorage.removeItem("userInfo);
清空：

localStorage.clear();

 

 

 

localStorage   详细X

网络释义

localStorage: 本地存储

LS LocalStorage: 局部存储体

sessionStorage localStorage: 功能