vue.ls

189 阅读1分钟

它是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  
3. remove (name) 从存储中删除某一个 key,成功返回 true,否则返回 false。
4. clear ( ) 清空所有 key。