vue3 使用indexeddb

Vue3可以使用IndexedDB来存储和检索数据。下面是一个简单的示例，演示如何在Vue3中使用IndexedDB：

1. 首先，需要在Vue3项目中安装IndexedDB库。可以使用npm或yarn安装idb库：

npm install idb

2. 在Vue3组件中导入idb库，并创建一个IndexedDB数据库：

import { openDB } from 'idb';

const dbPromise = openDB('my-db', 1, {
  upgrade(db) {
    db.createObjectStore('keyval');
  },
});

3. 然后，可以使用以下代码将数据存储到IndexedDB中：

await dbPromise.then(db => {
  const tx = db.transaction('keyval', 'readwrite');
  tx.store.put('world', 'hello');
  return tx.done;
});

4. 最后，可以使用以下代码从IndexedDB中检索数据：

await dbPromise.then(db => {
 return db.get('keyval', 'hello');
});