Vue本地存储及用法

news2024/11/16 9:39:03

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框的值,再将数据存储到对象里,将对象通过本地存储,存储起来,取出来之后,定义一个空数组,将对象添加到数组里,之后再将数据存储起来

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/410630.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Java语法理论和面经杂疑篇《五.集合框架》

目录 1. 集合框架概述 1.1 数组的特点与弊端 1.2 Java集合框架体系 2. Collection接口及方法 2.1 添加 2.2 判断 2.3 删除 2.4 其它 3. Iterator(迭代器)接口 3.1 Iterator接口 3.2 迭代器的执行原理 3.3 foreach循环 4. Collection子接口1:List 4.1 Li…

【数据分析之道-NumPy(三)】numpy切片与索引

文章目录 专栏导读1、前言2、NumPy数组切片2.1一维数组切片2.2多维数组切片3、NumPy数组索引3.1一维数组索引3.2多维数组索引4、NumPy数组高级索引4.1整数数组索引4.2布尔数组索引4.3数组索引总结专栏导读 ✍ 作者简介:i阿极,CSDN Python领域新星创作者,专注于分享python领域…

Linux驱动开发——字符设备(2)

目录 虚拟串口设备驱动 一个驱动支持多个设备 习题 虚拟串口设备驱动 字符设备驱动除了前面搭建好代码的框架外,接下来最重要的就是要实现特定于设备的操作方法,这是驱动的核心和关键所在,是一个驱动区别于其他驱动的本质所在,…

vue:生成二维码 qrcode、vue-qr(二维码中间可带logo)

一、方法一 qrcode qrcode - npm 1.1、安装 yarn add qrcode 1.2、页面引入 import QRCode from qrcode; 1.3、方法里边使用 getQRCodeUrl(){ QRCode.toDataURL(hello world,{color: {dark:"#010599FF",light:"#FFBF60FF"}}).then((url) > {// 获…

【华为OD机试真题】查找树中元素(查找二叉树节点)(javaC++python)100%通过率

查找树中元素 知识点树BFSQ搜索广搜 时间限制:1s空间限制:256MB限定语言:不限 题目描述: 已知树形结构的所有节点信息,现要求根据输入坐标(x,y)找到该节点保存的内容 值;其中: x表示节点所在的层数,根节点位于第0层,根节点的子节点位于第1层,依次类推; y表示节…

智慧井盖-物联网智能井盖系统-管网数字化监测,守护城市生命线

平升电子智慧井盖-物联网智能井盖系统-管网数字化监测,守护城市生命线实现对井下设备和井盖状态的监测及预警,是各类智慧管网管理系统中不可或缺的重要设备,解决了井下监测环境潮湿易水淹、电力供应困难、通讯不畅等难题, 适合安装于城市主干…

U盘独个文件不能超过4GB的原因——U盘的文件系统

U盘独个文件不能超过4GB的原因——文件系统一 背景1.1 文件系统1.2 “簇”/”群集“1.3 文件系统的历史1.3.1 FAT1.3.2 exFAT(扩展文件分配表)1.3.3 NTFS1.3.4 HFS1.3.5 APFS1.4 文件系统缺陷的渊源1.5 文件系统缺陷的解释1.6 报错原因二 文件系统的比较…

详细解读appium怎样连接多台设备

我们在做app自动化的时候,若要考虑兼容性问题,需要跑几台设备,要是一台一台的跑比较耗 时,因此需要考虑使用多线程来同时操作多台设备。 1.我们拿两台设备来模拟操作下,使用:adb devices查看连接状况&…

考研数二第十四讲 牛顿-莱布尼茨公式与用定义法求解定积分

牛顿-莱布尼茨公式 牛顿-莱布尼茨公式在微分与积分以及不定积分与定积分之间架起了一座桥梁,因此,这个公式又被称为微积分基本公式。 微积分基本公式的简单推导 在看微积分基本公式之前,我们先来看一个有点特殊的函数,积分上限…

全网最详细SUMO仿真软件教程——入门篇

目录SUMO下载前提知识使用netedit创建路网需求生成SUMO-GUI可视化SUMO下载 SUMO官网: SUMO下载链接 配置SUMO_HOME系统变量,后续引入包需要。 前提知识 sumo仿真器跑起来需要三个文件,分别是Network、Route以及SUMO configuration file。 在sumo中&a…

公司刚来的00后真卷,上班还没2年,跳到我们公司起薪20k....

都说00后躺平了,但是有一说一,该卷的还是卷。 这不,前段时间我们公司来了个00后,工作都没两年,跳槽到我们公司起薪18K,都快接近我了。后来才知道人家是个卷王,从早干到晚就差搬张床到工位睡觉了…

fl studio插件在哪个文件夹里 fl studio插件怎么用

fl studio是一个全能数字音乐工作台,集编曲、剪辑、录音和混音为一体,致力于把电脑变为全功能音乐工作室。fl studio具有专业的调音台,提供有复杂作品所需的所有功能,另外fl studio的Pattern和Song模式可以更加快速的制作Hip-hop、…

mysql执行计划解读

1.如何查看mysql执行计划 explain select * from t1; desc select * from t1; explain partitions select * from t1; 用于分区表的explain 2.执行计划包含的信息 "rootlocalhost:mysql.sock [db1]>explain select * from t1\G; *************************** 1. ro…

【JAVA真的没出路了吗?】

2023年了,转行IT学习Java是不是已经听过看过很多次了。随之而来的类似学Java没出路、Java不行了、对Java感到绝望等等一系列的制造焦虑的话题也在网上层出不穷,席卷了一大片的对行业不了解的吃瓜群众或是正在学习中的人。如果是行外人真的会被这种言论轻…

Redis_BigKey

面试题 阿里广告平台,海量数据里查询某一固定前缀的key 小红书,你如何生厂上限值key */flushdb/flushall等危险命令以防止误删误用? 美团,MEMORY USAGE 命令你用过吗? BigKey问题,多大算big?你如…

Spring5源码深度解析---Spring整体架构

概述 Spring是2003 年兴起的一个轻量级的Java 开发框架,从Rod Johnson著作中的部分理念和原型衍生而来。Spring是一个开放源代码的设计层面框架,为了解决企业应用开发的复杂性而创建。将面向接口的编程思想贯穿整个系统应用,使用基本的JavaB…

5分钟学会Ribbon负载均衡

文章目录一、Ribbon1.1 Ribbon的负载均衡流程:1.2 负载均衡策略1.2.1 内置的负载均衡策略1.2.2 如何修改负载均衡1.3 加载方式一、Ribbon 1.1 Ribbon的负载均衡流程: 获取可用的服务列表:客户端在进行服务调用之前,首先需要获取可…

浅谈人工智能在教育行业的应用

人工智能(Artificial Intelligence, AI)是当前最热门的技术领域之一,也是未来的发展趋势之一。人工智能可以用于各种领域,包括医疗、金融、交通、农业等。其中,人工智能在教育行业的应用也备受关注。本文将从人工智能在…

【无功优化】基于改进遗传算法的电力系统无功优化研究【IEEE30节点】(Matlab代码实现)

💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜密,逻辑清晰,为了方便读者。 ⛳️座右铭&a…

【k8s完整实战教程1】源码管理-Coding

系列文章:这个系列已完结,如对您有帮助,求点赞收藏评论。 读者寄语:再小的帆,也能远航! 【k8s完整实战教程0】前言【k8s完整实战教程1】源码管理-Coding【k8s完整实战教程2】腾讯云搭建k8s托管集群【k8s完…