vue - 本地存储
2022/6/26 23:31:47
本文主要是介绍vue - 本地存储,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
Cookie - 会随着每次请求发送到服务端,存储大小为4k
SessionStorage - 不会随着每次请求发送到服务端,标签页或游览器关闭时 数据会被清除,存储大小为5M
LocalStorage - 不会随着每次请求发送到服务端,数据永久保存,只能通过api或清除游览器缓存清除数据,存储大小为5M
您可以使用浏览器window对象访问SessionStorage和LocalStorage。请看下面的示例:
sessionStorage = window.sessionStorage localStorage = window.localStorage
以下是这两种存储类型可用的功能。
//存储一个item storage.setItem('name', 'Alice') storage.setItem('age', '5') //读取一个item storage.getItem('name') // returns "Alice" //get存储对象长度 storage.length // returns 2 //通过索引get对应的key名 storage.key(0) // returns "name" //移除一个item storage.removeItem('name') //清空存储对象 storage.clear()
监听LocalStorage变化
window.addEventListener('storage', () => { ... }); window.onstorage = () => { ... };
这篇关于vue - 本地存储的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set