Vue3项目之IndexedDB 数据存储方案

前言：IndexedDB 是一种底层 API ，用于在客户端存储大量的结构化数据，该 API 使用索引实现对数据的高性能搜索。 IndexedDB 是一个事务型数据库系统，也是一个基于 JavaScript 的面向对象数据库，它提供了类似数据库风格的数据储存和使用方式，我们只需要指定数据库模式，打开与数据库的连接，然后检索和更新一系列事务
目的：当我们进行一些较大的SPA页面开发时，我们会需要进行一些数据的本地存储。当数据量不大时，我们可以通过 SessionStorage 或者 LocalStorage 来进行存储，但是当数据量较大，或符合一定的规范时，我们可以使用数据库来进行数据的存储。

数据库：存储数据的地方，每个域名可以创建多个数据库

对象仓库：也就是 objectStore ，每个数据库包含若干个对象仓库

索引：可以为对象仓库中的属性创建对应的索引，并且根据索引来查询数据，一般索引名称和索引属性一致

事务：数据库里的增删改查操作都是通过事务（ transaction ）来完成，作用于 this.db

数据记录：每一条数据都是一条记录，有对应的 key 、 value 、主键、索引等属性

推荐文档：https://blog.csdn.net/imagine_tion/article/details/115000245

基本步骤：1、创建数据库连接 2、创建 objectStore 3、创建一些索引 4、通过事务来进行数据库操作