All Projects → dmlzj → Vlf

dmlzj / Vlf

A Vue plugin from localForage.vue-localForage or vlf

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vlf

Remotestorage.js
⬡ JavaScript client library for integrating remoteStorage in apps
Stars: ✭ 2,155 (+2076.77%)
Mutual labels:  storage, indexeddb, localstorage
Localforage
💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
Stars: ✭ 19,840 (+19940.4%)
Mutual labels:  storage, indexeddb, localstorage
Immortaldb
🔩 A relentless key-value store for the browser.
Stars: ✭ 2,962 (+2891.92%)
Mutual labels:  storage, indexeddb, localstorage
persistence
💾 Persistence provides a pretty easy API to handle Storage's implementations.
Stars: ✭ 18 (-81.82%)
Mutual labels:  storage, localstorage, indexeddb
Angular Locker
🗄️ A simple & configurable abstraction for local/session storage in angular js projects
Stars: ✭ 318 (+221.21%)
Mutual labels:  storage, localstorage
nativestor
NativeStor provide kubernetes local storage which is light weight and high performance
Stars: ✭ 20 (-79.8%)
Mutual labels:  storage, localstorage
Jsstore
A complete IndexedDB wrapper with SQL like syntax.
Stars: ✭ 430 (+334.34%)
Mutual labels:  storage, indexeddb
Vuex Persistedstate
💾 Persist and rehydrate your Vuex state between page reloads.
Stars: ✭ 5,561 (+5517.17%)
Mutual labels:  storage, localstorage
vue-web-storage
Vue.js plugin for local storage and session storage (1.8 kb min+gz) 💾
Stars: ✭ 85 (-14.14%)
Mutual labels:  storage, localstorage
Vue Ls
💥 Vue plugin for work with local storage, session storage and memory storage from Vue context
Stars: ✭ 468 (+372.73%)
Mutual labels:  storage, localstorage
Storage
Asynchronous browser storage with multiple back-ends (IndexedDB, WebSQL, localStorage)
Stars: ✭ 612 (+518.18%)
Mutual labels:  indexeddb, localstorage
ddrive
A lightweight cloud storage system using discord as storage device written in nodejs
Stars: ✭ 25 (-74.75%)
Mutual labels:  storage, localstorage
Broadcast Channel
📡 BroadcastChannel to send data between different browser-tabs or nodejs-processes 📡
Stars: ✭ 843 (+751.52%)
Mutual labels:  indexeddb, localstorage
Dexie.js
A Minimalistic Wrapper for IndexedDB
Stars: ✭ 7,337 (+7311.11%)
Mutual labels:  storage, indexeddb
Proxy Storage
Provides an adapter for storage mechanisms (cookies, localStorage, sessionStorage, memoryStorage) and implements the Web Storage interface
Stars: ✭ 10 (-89.9%)
Mutual labels:  storage, localstorage
svelte-persistent-store
A Svelte store that keep its value through pages and reloads
Stars: ✭ 111 (+12.12%)
Mutual labels:  localstorage, indexeddb
Angular Async Local Storage
Efficient local storage module for Angular apps and PWA: simple API + performance + Observables + validation
Stars: ✭ 539 (+444.44%)
Mutual labels:  indexeddb, localstorage
sync-client
SyncProxy javascript client with support for all major embedded databases (IndexedDB, SQLite, WebSQL, LokiJS...)
Stars: ✭ 30 (-69.7%)
Mutual labels:  localstorage, indexeddb
Godb.js
IndexedDB with Intuitive API,轻松搞定浏览器数据库🎉
Stars: ✭ 78 (-21.21%)
Mutual labels:  indexeddb, localstorage
Nano Sql
Universal database layer for the client, server & mobile devices. It's like Lego for databases.
Stars: ✭ 717 (+624.24%)
Mutual labels:  indexeddb, localstorage

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].

Install

npm install  --save localforage vlf

How to use vlf

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

In your code

// 创建实例
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!


Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].