useStorage(2.1.0+)
用于操作 localStorage 和 sessionStorage
useStorage 位于 src/hooks/web/useStorage.ts
默认使用 sessionStorage
,如需要使用 localStorage
,只需要传入 localStorage
即可,如:useStorage('localStorage')
支持非字符串类型存取值
用法
<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>
参数介绍
const { setStorage, getStorage, removeStorage, clear } = useStorage('localStorage')
setStorage
setStorage
存储数据
getStorage
getStorage
获取某个存储数据
removeStorage
removeStorage
清除某个存储数据
clear
clear
清除所有缓存数据,如果需要排除某些数据,可以传入 excludes 来排除,如:clear(['key']),这样 key
就不会被清除