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 就不会被清除
vue-element-plus-admin