Vue本地存储及用法

10月前作者：小毕学习代码分类：Toy博客阅读(49) 违法举报

这篇具有很好参考价值的文章主要介绍了Vue本地存储及用法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

目录

1.本地存储是什么？

2.本地存储的应用场景

3.存储的使用

4. 练习用法

1.本地存储是什么？

以文件的方式存储在本地，通过把数据存在浏览器中，用户不必每次都向服务器请求
获取同一个信息。在你离线时，使用本地存储的数据而不是向远端服务器上请求
数据就显得非常有用，甚至在先用户也可以从中获益。客户端存储可以通过这些
技术来实现：cookie、Local、Storage(更准确的说是“Web Storage”)

2.本地存储的应用场景

localstorage是保存在本地存储量比较大而且不会被销毁，有时候做一些跨域
操作cookie无法使用这个来做或者缓存一些不需要提交到服务器的数据比如
我有一个弹窗需要谈一天弹一次这种记录就可以用localstorange

3.存储的使用

        1 存储数据
                localStorage.setltem('accessToken','Bearer'+response.data.result.accessToken)
        2 取出数据
                ocalStorage.getltem('accessToken')

        3 删除存储数据
                ocalStorage.removeltem('accessToken')

        4 更改数据
                localStorage.setltem('accessToken',更改后 +'response'.data.result.accessToken)

4. 练习用法

首先是页面布局，通过双向绑定来获取input框的值，再将数据存储到对象里，将对象通过本地存储，存储起来，取出来之后，定义一个空数组，将对象添加到数组里，之后再将数据存储起来文章来源地址https://www.toymoban.com/news/detail-489111.html

到了这里，关于Vue本地存储及用法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

为什么越来越多的企业选择云数据存储而放弃本地数据存储？

随着企业的发展，它们会产生大量数据。企业已经意识到，利用他们的数据做出数据驱动的决策对于创新和保持竞争优势至关重要。本文将会探讨企业在收集和分析大数据时可能面临的主要挑战，以及将企业数据仓库部署到本地或云数据存储的选择。我们将根据安全性、成本

2024年02月08日
浏览(49)
聊一聊 C# 的线程本地存储TLS到底是什么

有朋友在后台留言让我说一下C#的 ThreadStatic 线程本地存储是怎么玩的？这么说吧，C#的ThreadStatic是假的，因为C#完全是由CLR（C++）承载的，言外之意C#的线程本地存储，用的就是用C++运行时提供的 __declspec(thread) 或 __thread 来虚构的一套玩法，这一篇我们就来简单聊一聊。在

2024年02月03日
浏览(54)
Vue中如何进行本地存储（LocalStorage）

在Vue.js应用程序中，本地存储（LocalStorage）是一个强大的工具，用于在浏览器中保存和检索数据。它允许您在不使用服务器或后端数据库的情况下，在用户的浏览器中存储数据，以实现数据的持久性。本地存储对于保存用户首选项、用户身份验证令牌、购物车数据等场景都非

2024年02月07日
浏览(48)
Vue中TodoList案例_本地存储

App.vue 效果：数据存储再localStroage中，刷新浏览器保存的数据仍在。

2024年02月15日
浏览(53)
Vue CLI 本地存储自定义事件

存储内容大小一般支持 **5MB **左右（不同浏览器可能还不一样）浏览器端通过 Window.sessionStorage 和 Window.localStorag e属性来实现本地存储机制相关API xxxStorage.setItem(‘key’, ‘value’) ：该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的

2024年02月07日
浏览(34)
C# 线程本地存储为什么线程间值不一样

有朋友在微信里面问我，为什么用 ThreadStatic 标记的字段，只有第一个线程拿到了初始值，其他线程都是默认值，让我能不能帮他解答一下，尼玛，我也不是神仙什么都懂，既然问了，那我试着帮他解答一下，也给后面类似疑问的朋友解个惑吧。为了方便讲述，定义一个 Th

2024年01月23日
浏览(58)
vue-使用JSEncrypt对密码本地存储时加解密

前言在实际开发中需要对一些敏感信息进行加解密（本地存储时），不如密码，身份证号，公司社会码其实像这种普遍经常用的功能，一般都是有第三方包拿来直接用的比如jsencrypt-提供好方法我们可以根据提供的网址跟换密钥对下面我们就已开源项目若依前后端分离项目

2024年02月16日
浏览(55)
前端本地存储方案-localForage-vue3中使用

前端有多种本地存储方案可供选择，常见的有： Cookie：小型的文本文件，存储少量数据 Web Storage ：包括：localStorage和sessionStorage，存储数据有上限（5M）左右 IndexedDB：一种高级的客户端存储API，存储量大、高版本浏览器兼容性较好这些本地存储方案各有优缺点，近期发现一

2024年02月02日
浏览(47)
本地存储、自定义事件、全局事件总线、消息订阅与发布【Vue】

存储内容大小一般支持5MB左右（不同浏览器可能还不一样）浏览器通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制相关API: （1） xxxxStorage.setItem(\\\'key\\\', \\\'value\\\'); 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。

2023年04月21日
浏览(40)
vue+cordova混合开发APP中向手机本地存储/读取文件

采用 vue + cordova 开发的App, 项目首屏为 three.js 编写的3D场景 3D模型的数据是首屏启动后前端调用接口获取的json数据,数据大小30M. 用户在首页与其他页面切换时,调用该接口时间过长,并消耗大量流量解决思路: 首页页面不销毁,做缓存. (可行,但three.js的页面内存占用量极大,不做特

2024年02月09日
浏览(41)