vuejs-storage
Vue.js and Vuex plugin to persistence data with localStorage/sessionStorage
Purpose
This plugin provide a simple binding with localStorage and sessionStorage (or something similar) to Vue and Vuex.
It has no dependencies, so it is really small.
.jssize: 5.75KB (1.7KB gzipped).min.jssize: 2.21KB (1.1KB gzipped)
Usage
//in webpack environment://in browser script tag:const vuejsStorage = windowvuejsStorage Vue //vue example //... data: count: 0 text: '' storage: keys: 'count' //keep data.count in localStorage namespace: 'my-namespace' //vuex exampleconst store = //state... state: count: 0 mutations: { statecount++ } plugins: Nested key
data: a: b: 1 c: 2 storage: namespace: 'test' keys: 'a.b' //only keep a.b in localStorageVuex modules
state: a: 1modules: moduleA: state: a: 2 plugins: Multiple storage
data: a: 1 b: 2storage: namespace: 'test' keys: 'a' namespace: 'test' keys: 'b' driver: vuejsStoragedriverssessionStorage API
vuejsStorage
Vue plugin
VuevuejsStorage(option)
Create a Vuex plugin
const vuexplugin = option
Option object, can be used when create Vuex plugin or in Vue option storage field
keys: //array of string /* this option is different when use in vue and vuex when used in Vue constructor option, keys means which data should be keep in localStorage when used in Vuex plugin, keys mean which state should be keep in localStorage */ driver: vuejsStoragedriverssessionStorage //any object has 'set','get','has' api, default: vuejsStorage.drivers.localStorage namespace: 'ns' //a string, REQUIRED merge: _assign //a function to merge object like Object.assign, default: internal implementation(src/assign.ts)