它是vue的一个插件,用于操作 Local Storage(本地存储)、Session Storage(会话存储)、Memory(内存存储)。
1. 安装方法
//npm
npm install vue-ls --save
//yarn
yarn add vue-ls
2. 使用
- 引入& 配置
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)
- 使用方式
全局使用:`Vue.ls `
上下文使用:`this.$ls`
API
1. get(name,def) 获取存储中的key
- name: 要获取的key
- def: 默认为null,如果key不存在,则返回def
2. set (name, value, expire) 设置一个 key,并且可以设置有效时间
- expire:默认为 null。name的有效时间,单位为毫秒。
this.$ls.set('age', 22) // age 的有效时间为永久,除非自动清除
this.$ls.set('name', 'cez', 3000) // name 的有效时间为 3s,3s 后为 null