vue项目中通过dexie实现移动端离线缓存数据#记录

在Vue项目中使用Dexie可以实现移动端离线缓存数据。Dexie是一个建立在IndexedDB API之上的库，它提供了一种简单而强大的方式来管理本地数据库。

一、为什么要用indexDB？

1、开发者需要在本地进行永久存储。
2、当我们进行一些较大的SPA页面开发时，我们会需要进行一些数据的本地存储。
3、当数据量不大时，我们可以通过SessionStorage或者LocalStorage来进行存储，但是当数据量较大，或符合一定的规范时，我们可以使用数据库来进行数据的存储。

4、indexDB兼容性还算不错。

二、以下是使用Dexie在Vue项目中实现离线缓存数据的步骤

1、安装Dexie库

npm install dexie

2、创建一个db文件夹，用来存放js文件

 3、创建Dexie实例

import Dexie from 'dexie'

export class SpotCheckCompleted extends Dexie {
    constructor() {
        super('eam_spot_