Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dmlzj/vlf

A Vue plugin from localForage.vue-localForage or vlf
https://github.com/dmlzj/vlf

indexeddb localforage localstorage storage vlf vue vue-localforage websql

Last synced: 3 months ago
JSON representation

A Vue plugin from localForage.vue-localForage or vlf

Awesome Lists containing this project

README

        

# vlf

vue-localforage and support typescript

> localForage is a fast and simple storage library for JavaScript. localForage improves the offline experience of your web app by using asynchronous storage (IndexedDB or WebSQL) with a simple, `localStorage`-like API.

> localForage uses localStorage in browsers with no IndexedDB or WebSQL support. See [the wiki for detailed compatibility info][supported browsers].

- [localforage repository](https://github.com/localForage/localForage)
- [localforage documentation](https://localforage.github.io/localForage/)

## Install

```bash
npm install --save localforage vlf
```

## How to use vlf

```javascript
import Vlf from 'vlf'
import localforage from 'localforage'
Vue.use(Vlf, localforage)
```

## In your code

```javascript
// 创建实例
this.$vlf.createInstance({
storeName: 'user'
})
// 迭代
this.$vlf.iterate((value, key, num) => {
console.log(key);
});
// 设置值
this.$vlf.setItem('test', 'hello').then(v => {
console.log(v);
});

// ...和官方调用一致
// The other methods of use are the same as the official website, just add a this.$vlf in front, the same behind!

```
---