Skip to content

使用 IDBKeyval

¥useIDBKeyval

idb-keyval 的封装。

¥Wrapper for idb-keyval.

示例

Available in the @vueuse/integrations add-on.

安装 idb-keyval 作为对等依赖

¥Install idb-keyval as a peer dependency

bash
npm install idb-keyval@^6

用法

¥Usage

ts
import { 
useIDBKeyval
} from '@vueuse/integrations/useIDBKeyval'
// bind object const {
data
:
storedObject
,
isFinished
} =
useIDBKeyval
('my-idb-keyval-store', {
hello
: 'hi',
greeting
: 'Hello' })
// update object
storedObject
.
value
.
hello
= 'hola'
// bind boolean const
flag
=
useIDBKeyval
('my-flag', true) // returns Ref<boolean>
// bind number const
count
=
useIDBKeyval
('my-count', 0) // returns Ref<number>
// awaiting IDB transaction await
count
.
set
(10)
console
.
log
('IDB transaction finished!')
// delete data from idb storage
storedObject
.
value
= null