vue-ls

vue-ls:介绍：一款用于在vue中操作本地存储Local Storage，会话存储Session Storage，内存存储Memory;

vue-ls:安装：yarn add vue-ls,或者cnpm install vue-ls --save;
vue-ls:使用：

import Vue from 'vue'
import Storage from 'vue-ls'

// vue-ls 的配置
const storageOptions = {
    
    
    namespace: 'vue_',   // key 键的前缀（随便起）
  	name: 'ls',          // 变量名称（随便起） 使用方式：Vue.变量名称 或 this.$变量名称
  	storage: 'local'     // 作用范围：local、session、memory
}

Vue.use(Storage, storageOptions)
methods: {
    
    
    setKey () {
    
    
      this.$ls.set('name', 'cez')
    }
  }

vue-ls:使用:
1,设置key并设置有效时间，
this.$ls.set(‘name’,‘老王’,‘1000’);第三个参数可以不写，不写代表永久；

2,获取key的存储值，
this.$ls.get(‘name’,‘老王’)，第二个参数为如果没有值得话，赋予的默认值；

3,移除存储的key值，
this.$ls.remove(‘name’),成功返回true，失败返回false;

4,移除所有存储的key，
this.$ls.clear();

5,设置侦听器，监听key值得变化，
this.$ls.on(‘name’,function(newValue,oldValue,url){});
name:设置的侦听器的名称；
newValue:改变后的新值；
oldValue:改变前的值；
url:来之改变的选项卡的url；

6，移除侦听器，
this.$ls.off(‘name’,callback)