vue中使用localStorage,sessionstorage和localstorage的用法
本文主要介绍本地存储和会话存储。LocalStorage和SessionStorage是两种存储方法。本文详细介绍了区别和用法，有兴趣的可以看看。
目录
什么是本地存储？SessionStorageLocalStorage和SessionStorage有什么区别？本地存储和会话存储的功能？本地存储和会话存储的使用？本地存储和Session后台的验证机制前面整理了nStorage的应用实例，主要包括cookie的使用，Session和Token，Django: Cookie设置和跨域问题处理，Django:带Session的Cookie，Django:基于Token的验证。当然，这并不意味着token就是最好的，或者需要根据项目的需要来选择，或者可以混合使用。
我今天要做的是把后台发来的令牌存储在客户端，那里有cookies，LocalStorage，SessionStorage等。可以储存。Cookies之前已经介绍过了，这里直接忽略。我们主要讨论本地存储和会话存储。
什么是LocalStorage
LocalStorage，翻译为“localStorage”，是HTML5中新增的存储对象。也像cookies一样用于本地存储，但解决了cookies存储空间不足的问题(cookies每个存储空间为4k)。本地存储浏览器一般支持5M，通常以键/值对的形式存储字符串。
什么是SessionStorage
SessionStorage翻译成“SessionStorage”，也是HTML5中新增的存储对象。用于在本地临时存储同一个窗口的数据，窗口关闭后数据会被删除。会话存储浏览器一般支持5M，通常以键/值对的形式存储为字符串。
LocalStorage与SessionStorage的区别
LocalStorage的生命周期是永久的，除非主动清除LocalStorage信息，否则它将一直存储在客户端中。SessionStorage的生命周期是临时的，只有当当前会话窗口有效时，关闭的页面或浏览器数据才会被自动清除。
LocalStorage与SessionStorage的特点
1.LocalStorage或SessionStorage中的数据不能在不同的浏览器之间共享。
2.LocalStorage和SessionStorage可以使用统一的API接口。
3.LocalStorage或SessionStorage通常以键/值对的形式存储字符串，因此存储时需要转换数据格式。JSON.stringify方法用于将对象转换为字符串，JSON.parse方法用于在提取时将字符串转换为对象。
4.LocalStorage或SessionStorage是HTML5的新属性，所以需要更新的浏览器来支持。
LocalStorage与SessionStorage的用法
因为LocalStorage的应用和SessionStorage是一致的，这里就不解释了。以LocalStorage为例。
LocalStorage提供了五个方法，分别是clear(清除LocalStorage)、getItem(获取本地数据)、key(删除对应键的值)、removeItem(删除保存数据)和setItem(设置保存数据)。
以下是具体的使用方法和说明。您可以使用localStorage直接调出相应的方法。只要了解它们对应的应用属性，我们就可以使用它们。
这样我们就可以使用localStorage.setItem (key ， value )将来自服务器的数据存储到客户端的本地，并且在存储之前记得对数据进行转换。
LocalStorage与SessionStorage应用实例
下面是我正在开发的一个应用程序。之前我是通过JsonResponse向前端发送JSON数据，其中包含数据(用户请求的数据)、token(服务器生成的token)和code(后台处理的状态码)。接收到这些数据后，前端对数据进行处理，判断代码返回是否成功。如果成功，我们将解析数据并将其存储在本地，否则，访问失败。
在这里，我使用localStorage和sessionStorage分别存储两个数据。localStorage是自定义的，sessionStorage是从后台获取的。打开浏览器开发工具。在应用程序中，我们可以在storage下的localStorage和sessionStorage中分别找到我们的Storage的对应值。
关于vue中LocalStorage和SessionStorage的区别和用法的文章到此结束。有关Vue中本地存储和会话存储的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。