UNPKG

vue-localforage

Version:

A simple Vue plugin wrapped from localForage.

122 lines (87 loc) 2.75 kB
# vue-localforage A simple Vue plugin wrapped from localForage. ### Install ```bash npm install vue-localforage ``` ```js import VueLocalForage from 'vue-localforage' Vue.use(VueLocalForage) ``` ### Get item in localStorage ```js this.$getItem(key, callback) ``` ### Set item in localStorage ```js this.$setItem(key, value, callback) ``` ### Remove item in localStorage ```js this.$removeItem(key, callback) ``` ### Clean all the object in localStorage ```js this.$clearStorage ``` ### Gets the number of keys in localStorage ```js this.$lengthOfStorage ``` ### Get the name of a key based on its ID ```js this.$keyInStorage(keyIndex, callback) ``` ### Get the list of all keys in localStorage ```js this.$keysInStorage(callback) ``` ### Iterate over all value/key pairs ```js this.$iterateStorage(function (value, key, iterationNumber) { //console.log all the kay/value pairs console.log([key, value]); }, function (err) { if (!err) { console.log('Iteration has completed'); } }) ``` ### Force usage of a particular driver or drivers, if available. ```js this.$setStorageDriver(localforage.LOCALSTORAGE) ``` By default, localForage selects backend drivers for the datastore in this order: 1. IndexedDB 2. WebSQL 3. localStorage If you would like to force usage of a particular driver you can use $setStorageDriver() with one or more of the following parameters. localforage.INDEXEDDB localforage.WEBSQL localforage.LOCALSTORAGE ### Set and persist localForage options. ```js this.$storageConfig({ driver: localforage.LOCALSTORAGE, name: 'Name-of-localStorage' }); ``` This must be called before any other calls to localForage are made, but can be called after localForage is loaded. ##### driver The preferred driver(s) to use. Same format as what is passed to `setStorageDriver()`, above. Default: `[localforage.INDEXEDDB, localforage.WEBSQL, localforage.LOCALSTORAGE]` ##### name The name of the database. May appear during storage limit prompts. Useful to use the name of your app here. In localStorage, this is used as a key prefix for all keys stored in localStorage. Default: `'localforage'` ##### size The size of the database in bytes. Used only in WebSQL for now. Default: `4980736` ##### storeName The name of the datastore. In IndexedDB this is the dataStore, in WebSQL this is the name of the key/value table in the database. Must be alphanumeric, with underscores. Any non-alphanumeric characters will be converted to underscores. Default: `'keyvaluepairs'` ##### version The version of your database. May be used for upgrades in the future; currently unused. Default: `1.0` ##### description A description of the database, essentially for developer usage. Default: `''`