vue中localStorage和sessionStroage.getitem(key)的使用

客户端存储数据的两个对象为：1：sessionStorage 2:localStorage

sessionStroage.setitem(key,value)保存数据；

sessionStroage.getitem(key)获取数据；

sessionStroage.remove(key);删除单个数据；

sessionStroage.clear();清除所有数据；

sessionStroage.keye(index)得到某个索引的key；

LocalStroage和sessionStroage保持数据类似。

LocalStroage在关闭浏览器后仍然保存数据，sessionStorage在关闭浏览器后会删除数据。

vue中将数据存入本地可采用的代码如下，为将获取到的用户名和密码存入本地

localStorage.setItem("username", response.data.result.username);
localStorage.setItem("password", response.data.result.password);

而当调用本地存储进行使用时，可采用如下两种方式获取调用

data () {return {companyInfo: localStorage.getItem("companyInfo")companyInfo: JSON.parse(localStorage['companyInfo']),}},

vue中localStorage和sessionStroage.getitem(key)的使用相关推荐

vue中v-for为何要加key？index为何不推荐作为key
在使用vue组件的时候,我们经常会遇到v-for必须要加key值来举个例子进行说明吧! 不存在key的情况 <!--* @Author: angula* @Date: 2020-08-07 0 ...
vue使用localStorage.setItem和getItem
这是原文章:https://www.cnblogs.com/houzheng/p/9067110.html 我是参考这个做出来的,我主要是说,这些代码写在那些部分. 我只是以字符串为例子: 在这里插入 ...
vue 数组转集合_思想实验：如何在Vue中使localStorage具有响应式？
响应式是Vue的最大特色之一.如果你不知道幕后情况,它也是最神秘的地方之一.例如,为什么它不能用于对象和数组,而不能用于诸如 localStorage 之类的其他东西? 让我们回答这个问题,在解决这个 ...
[vue] 你知道vue中key的原理吗？说说你对它的理解
[vue] 你知道vue中key的原理吗?说说你对它的理解 key的作用主要是为了高效的更新虚拟DOM; 如果没有唯一的key, 数据更新时, 相同节点更新前后无法准确一一对应起来,会导致更新效率降低 ...
【Vue2.0】—Vue中的key有什么作用？（四）
[Vue2.0]-Vue中的key有什么作用?(四) <div id="root"><ul><button @c ...
Vue中key属性的作用
Vue中key属性的作用在列表渲染时使用key属性使用key属性强制替换元素在列表渲染时使用key属性相信大多数Vue开发者接触到key属性的时候是使用v-for进行列表渲染的时候,如果不使用 ...
vue中v-for使用key
什么是key? vue中列表循环需要加上的一个属性,不加,系统就会提示报错,:key="唯一标识" 唯一标识可以是item里面id(index)等,因为vue组件高度复用性,增加K ...
vue中关闭浏览器清除localStorage,并且刷新时保持状态不受影响
在App.vue中 mounted() {window.onload = function () {console.log(window.sessionStorage["ISlogin&qu ...
multiusb key找不到驱动程序_尤大-Vue中为什么不建议用index作为key？
前言 Vue 中的 key 是用来做什么的?为什么不推荐使用 index 作为 key?常常听说这样的问题,本篇文章带你从原理来一探究竟. 阿里巴巴腾讯前端面试经验,最完整面试真题分享!www.ji ...

vue中localStorage和sessionStroage.getitem(key)的使用

vue中localStorage和sessionStroage.getitem(key)的使用相关推荐

最新文章

热门文章