import{o as a,c as s,a as n}from"./app.c38d1953.js";const t='{"title":"useStorage(2.1.0+)","description":"","frontmatter":{},"headers":[{"level":2,"title":"用法","slug":"用法"},{"level":3,"title":"参数介绍","slug":"参数介绍"}],"relativePath":"hooks/useStorage.md","lastUpdated":1721206001124}',e={},o=n('

useStorage(2.1.0+)

用于操作 localStorage 和 sessionStorage

useStorage 位于 src/hooks/web/useStorage.ts

默认使用 sessionStorage,如需要使用 localStorage ,只需要传入 localStorage 即可,如:useStorage('localStorage')

支持非字符串类型存取值

用法

<script setup lang="ts">\nimport { useStorage } from '@/hooks/web/useStorage'\n\nconst { setStorage, getStorage, removeStorage, clear } = useStorage()\n\nsetStorage('key', { name: 'Jok' })\n\ngetStorage('key')\n\nremoveStorage('key')\n\nclear()\n</script>\n\n

参数介绍

const { setStorage, getStorage, removeStorage, clear } = useStorage('localStorage')\n

setStorage

setStorage 存储数据

getStorage

getStorage 获取某个存储数据

removeStorage

removeStorage 清除某个存储数据

clear

clear 清除所有缓存数据,如果需要排除某些数据,可以传入 excludes 来排除,如:clear(['key']),这样 key 就不会被清除

',17);e.render=function(n,t,e,p,c,r){return a(),s("div",null,[o])};export default e;export{t as __pageData};