zoukankan      html  css  js  c++  java
  • 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: 本地存储
    LS LocalStorage: 局部存储体
  • 相关阅读:
    python面向对象(一)
    ls和cd命令详解
    SHELL 中的变量
    Shell基础
    Python版飞机大战
    Python模块制作
    Linux的cut命令
    Linux中的wc命令
    Ubuntu系统下adb devices 不能显示手机设备
    app耗电量测试工具--PowerTutor
  • 原文地址:https://www.cnblogs.com/ygyy/p/12596017.html
Copyright © 2011-2022 走看看