离线存储（dexie）

https://dexie.org/

https://dexie.org/docs/Tutorial/Vue

npm install dexie


// db.js
import Dexie from 'dexie';

export const db = new Dexie('myDatabase');
db.version(1).stores({
  friends: '++id, name, age', // Primary key and indexed props
});

script引入使用

@latest/dist/dexie.js"target="_blank"">https://unpkg.com/dexie@latest/dist/dexie.js

创建数据库与增删改查

const db = new Dexie("db");
//++id表示自增的字段
db.version(1).stores({
    friends: '++id,name,age',
});

//新增1条数据

function add(obj) {
    db.friends.add(obj)
}

//修改1条数据 要带上主键 如id

function update(obj) {
    db.friends.put(obj)
}

//删除数据

function del(key) {
    db.friends.delete(key)
}

//查询数据

async function get(key) {
    return db.friends.get(key)
}

async function init() {
    console.log(await get(3))
}
init()