indexedDB 的实际使用

indexedDB 的实际使用

• db/index.ts

当我们在 src/utils/indexedDB 中定义好了 indexedDB 类，我们就需要在 src 文件夹下新建 db 文件夹，用来导出数据库和对象仓库

import IndexedDB from '@/utils/indexedDB' 

// 数据库
export const airbnbDB = new IndexedDB('airbnbDB')

// 数据库对象仓库
export default ['language', 'user']

• 每次进入页面则初始化所有对象仓库

进入 @/router/index.ts

router.beforeEach(async function () {
    let result = await airbnbDB.openStore(stores, 'id')
    
    if(result) console.log('所有对象仓库初始化成功');
}) 

• 之后在外部函数中直接引入数据库即可

import { airbnbDB } from '@/db/index';