useIDBKeyval

类别

@集成

导出大小

436 B

包

@vueuse/integrations

最近修改

2 days ago

idb-keyval 的封装器。

🌐 Wrapper for idb-keyval.

示例

源代码在线运行

Available in the @vueuse/integrations add-on.

安装 idb-keyval 作为对等依赖

🌐 Install idb-keyval as a peer dependency

npm install idb-keyval@^6

用法

🌐 Usage

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