indexedDB前端Vue3

IndexedDB 是浏览器提供的本地数据库，用于存储大量结构化数据。在 Vue3 中，可以通过以下步骤来使用 IndexedDB：

1. 在 Vue3 项目中安装 indexedDB API 的库，比如 Dexie.js。

2. 创建一个名为 "dexie" 的数据库，并定义需要存储的对象存储。

3. 在 Vue3 组件中使用 Dexie.js 的 API 来进行数据的增删改查操作。

下面是一个简单示例：

import Dexie from 'dexie';

const db = new Dexie('myDB');
db.version(1).stores({
  users: '++id, name, age, email'
});

const addUser = async (user) => {
  await db.users.add(user);
};

const getUsers = async () => {
  return await db.users.toArray();
};

const updateUser = async (id, data) => {
  await db.users.update(id, data);
};

const deleteUser = async (id) => {
  await db.users.delete(id);
};

export default {
  addUser,
  getUsers,
  updateUser,
  deleteUser
};

这里我们定义了一个名为 "myDB" 的数据库，并创建了一个名为 "users" 的对象存储。对象存储中的每个对象都有一个自增的 ID，以及名字、年龄和邮箱等字段。我们通过 Dexie.js 提供的 API 来实现了数据的增删改查操作，比如添加用户、获取所有用户信息、更新用户信息和删除用户信息等。