vue本地存储

最新推荐文章于 2024-08-26 19:09:35 发布
最新推荐文章于 2024-08-26 19:09:35 发布
阅读量425 收藏 9
点赞数 8
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CQXXTXX/article/details/134636755
版权
本文介绍了Web开发中的两种本地存储方式：localStorage，数据永久存储直到手动清除；而sessionStorage则在页面关闭时自动销毁。通过setItem和getItem方法实现数据存取。
摘要由CSDN通过智能技术生成

什么是本地存储？？

通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。

localStorage（永久存储）

永久的存储在本地，除非手动销毁

存储
localStorage.setItem("id", 123);
 
获取
localStorage.getItem("id");
sessionStorage(页面关闭销毁)

当页面关闭时销毁

// 存储
sessionStorage.setItem("id",123);
 
// 获取
sessionStorage.getItem("userid")；

CQXXTXX
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue本地存储
hao15239983881的博客
01-04 6068
【1】本地存储是什么 以文件的方式存储在本地，通过把数据存在浏览器中，用户不必每次都向服务器请求 获取同一个信息。在你离线时，使用本地存储的数据而不是向远端服务器上请求 数据就显得非常有用，甚至在先用户也可以从中获益。客户端存储可以通过这些 技术来实现：cookie、Local、Storage(更准确的说是“Web Storage”) ImdexedDB和WebSQL(这项技术已经被废弃了，你不应该在新项目中使用它)。 这个cookbook的条目中，我们将专注于最简单的存储机制：Local Storage。
Vue 本地存储
代码小疯子
02-04 889
在 Vue 中，可以使用或来进行本地存储。这两种存储方式都是基于浏览器的，并且可以在不同的页面之间共享数据。
Vue本地存储及用法
qq_70703397的博客
03-10 2731
Vue本地存储及用法
Vue本地储存
weixin_74469640的博客
05-07 296
存储内容大小一般支持5MB 左右(不同浏览器可能还不一样)该方法接受一个键和值作为参数，会把键值对添加到存储中。该方法接受一个键名作为参数，并把该键名从存储中删除。该方法接受一个键名作为参数，返回键名对应的值。存储的内容会随着浏览器窗口关闭而消失。存储的内容，需要手动清除才会消失。如果键名存在，则更新其对应的值。该方法会清空存储中的所有数据。属性来实现本地存储机制。
VUE本地存储
madaidai1204的博客
12-28 337
简单了解本地存储
Vue本地存储方式
B13362260109的博客
04-19 842
这个一般是后台往前端种下的，看用户是否登录，如果登陆了后台就会自动生成一个cookie,用户在一定时间不点击了就会自动失效，这个时候就需要用户在重新登录。储存方法： sessionStorage.setItem("储存的名字",储存的数据)localStorage.setItem("储存的名字"，（{属性：属性值}）)localStorage.setItem("储存的名字"，储存的数据)相同点：都是可以储存数据，并且储存只可以跟着当前的域名在，也就是在其它的域名获取不到。1.浏览器的本地储存方式有三种。
浅谈Vue本地存储
yrxnnn的博客
12-28 1772
Vue本地存储一、什么是本地存储？二、常见的Vue本地存储的方式三、三种方式的区别 一、什么是本地存储？ 通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。 二、常见的Vue本地存储的方式 localStorage sessionStorage cookie 三、三种方式的区别 相同点：都可以存储数据并且存储只跟着域名走 不同点： 大小：localStorage/sessionStorage–5M cookie–4k 传输：cookie会跟着请求来回
vue实现本地存储
SqlloveSyn的博客
10-31 2648
什么是本地存储通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。
vue 的本地储存方式
liuss7713的博客
12-28 4795
1.浏览器的本地储存方式有三种 localStorage sessionStorage cookie 相同点：都是可以储存数据，并且储存只可以跟着当前的域名在，也就是在其它的域名获取不到 不同点：localStorage和sessionStorage储存的大小一般是5M左右， 而cookie的储存的大小一般是4kb左右 localStorage是永久储存，关闭浏览器也不会销毁 sessionStorage 不是永久储存，关闭...
Vue使用localStorage存储数据的方法
12-11
本文将详细讲解如何在Vue项目中使用`localStorage`存储数据。 首先，`localStorage`只支持存储字符串类型的数据。因此，当我们要存储非字符串类型的对象时，需要先将其转换成字符串。在Vue中，可以使用`JSON....
Vue实现本地购物车功能
10-17
在`index.js`文件中，创建了一个Vue实例，实例中定义了数据属性`list`来存储商品列表。每个商品对象都包含了商品的`id`、`name`、`price`、`count`以及`isChecked`属性。 #### 计算属性 在Vue实例中定义了一个计算...
vue ref和reactive区别
灰海
08-25 1531
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
vue export的用法
weixin_41203765的博客
08-23 584
在Vue.js中，export关键字主要用于模块化编程，它允许你将一个文件（模块）中的代码、组件、函数、变量等导出，以便在其他文件中通过import语句来使用。这在Vue项目中非常常见，特别是当你需要重用组件、工具函数或配置时。
vue3插件原理
最新发布
m0_46281382的博客
08-26 742
简述vue3中use方法加载第三方插件原理
knowLedge-无关系组件间方法的调用(创建新的 Vue 实例来作为事件总线（Event Bus）方法实现)
2301_76671906的博客
08-23 566
无关系组件间方法的调用(创建新的 Vue 实例来作为事件总线（Event Bus）方法实现)
vue数据同步（sync修饰符）
weixin_62639453的博客
08-23 427
本文描述的数据同步，是基于父子组件进行传递的参数实现。实现的内容是：子组件里面选择框，选择的对象可以传递给父组件，但一般涉及到子传父，可能会考虑使用$emit然后通过在父组件身上绑定一个自定义方法，通过子组件去emit触发这个事件，传递参数,但是这里不使用这种，新学了一种，数据同步的方式，也就是在子组件选择的数据，可以同步在父组件中。随便在父组件其他地方绑定一个事件，看看有没有获取到从子组件里面获取到的值，因为要拿选择的值过来父组件这边使用。被执行时，父组件会自动接收到这个事件并更新。
vue.js学习步骤
m0_63178019的博客
08-23 1128
Vue.js 从一个简单的实验性项目成长为一个功能强大、社区活跃的前端框架，其发展历程展示了它对前端开发的持续创新和改进。通过引入先进的功能和不断扩展的生态系统，Vue.js 为开发者提供了一个高效、灵活的工具，满足了不同规模和复杂度应用的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值