Skip to content

useStorage

用于操作 localStorage 和 sessionStorage

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

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

支持非字符串类型存取值

用法

vue
<script setup lang="ts">
import { useStorage } from '@/hooks/web/useStorage'

const { setStorage, getStorage, removeStorage, clear } = useStorage()

setStorage('key', { name: 'Jok' })

getStorage('key')

removeStorage('key')

clear()
</script>

参数介绍

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

setStorage

setStorage 存储数据

getStorage

getStorage 获取某个存储数据

removeStorage

removeStorage 清除某个存储数据

clear

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