这是一个关于浏览器cookie,sessionStorage,localStorage操作的插件,它增加并完善了原有API功能。该插件包括LsyCookie, LsySession, LsyStorage 三个部分,使用方法非常简单,直接引入storages.js即可。
采用npm
方式安装:
$ npm install vue-storages --save
或者采用yarn
方式安装:
$ yarn add vue-storages
import Vue from 'vue'
import VueStorages from 'vue-storages'
Vue.use(VueStorages, {
localStorage: true
sessionStorage: true,
cookie: true
})
export default {
name: "testPage",
created(){
this.$localStorage.setItem('greet', 'hello world.')
this.$sessionStorage.setItem('name', 'loushengyue')
this.$cookie.setItem('bye', 'just for test', 600000)
}
};
主要方法有:
//cookie名称key,值val,过期时间time(单位s), path路径
this.$cookie.setItem(key[string], val[string|object], time[number], path[string])
//通过cookie名称获取
this.$cookie.getItem(key[string])
//获取所有cookie
this.$cookie.getAll()
//通过cookie名称删除, path为路径(默认为当前路径)
this.$cookie.removeItem(key[string], path[string:default('./')])
//删除所有cookie
this.$cookie.clear()
//设置sessionStorage信息,key为记录名称(字符串),value为字(可以是字符串或者对象)
this.$sessionStorage.setItem(key[string], value[string|object])
//设置sessionStorage信息,prex为记录前缀名(字符串),values为需要存储的信息集合(数组),byId表示是否以被存储对象的ID为后缀名或者说为下标(boolean)
this.$sessionStorage.setArr(prex[string], values[array], byId[boolean])
//通过数组与数组映射的方式存储信息,要求两数组长度相等,且keys内部元素为字符串类型
this.$sessionStorage.setList(keys[array], values[array])
//通过记录名称获取sessionStorage信息
this.$sessionStorage.getItem(key[string])
//通过记录名称集合(数组)获取sessionStorage信息,结果为数组
this.$sessionStorage.getItemsByKeys(keys[array])
//通过匹配记录名称获取sessionStorage信息,结果为数组
this.$sessionStorage.getArr(prex[string])
//通过记录名称删除sessionStorage信息
this.$sessionStorage.removeItem(key[string])
//删除所有记录
this.$sessionStorage.clear()
//设置localStorage信息,key为记录名称(字符串),value为字(可以是字符串或者对象)
this.$localStorage.setItem(key[string], value[string|object])
//设置localStorage信息,prex为记录前缀名(字符串),values为需要存储的信息集合(数组),byId表示是否以被存储对象的ID为后缀名或者说为下标(boolean)
this.$localStorage.setArr(prex[string], values[array],byId[boolean])
//通过数组与数组映射的方式存储信息,要求两数组长度相等,且keys内部元素为字符串类型
this.$localStorage.setList(keys[array], values[array])
//通过记录名称获取localStorage信息
this.$localStorage.getItem(key[string])
//通过记录名称集合(数组)获取localStorage信息,结果为数组
this.$localStorage.getItemsByKeys(keys[array])
//通过匹配记录名称获取localStorage信息,结果为数组
this.$localStorage.getArr(prex[string])
//通过记录名称删除localStorage信息
this.$localStorage.removeItem(key[string])
//删除所有记录
this.$localStorage.clear()