安装

npm install vue-ls --save

使用

import Storage from 'vue-ls'

const options = {
    namespace:'vuejs_', //存储的key键前缀，可自定义
    name:'ls', //命名Vue变量，ls则使用为this.$ls或者Vue.ls
    storage:'local', //存储名称 session,local,memory，更改为session，则默认存储在sessionSorage
}
Vue.use(Storage,options) 使用 vue-ls插件

API说明

Vue.ls.get(name,def)

• 返回storage中name值。在返回之前，内部解析JSON中的值
• def默认null，如果为设置则返回name。

Vue.ls.set(name,value,expire)

• 在storage设置name的value。并将value转换为JSON
• expire:默认为null，name有效时间以毫秒为单位

Vue.ls.remove(name)

• 从storage中移除name。成功移除返回true，否则返回false

Vue.ls.clear()

• 清除storage

Vue.ls.on(name,callback)

• 持续监听name在其他标签上的更改，更改时触发calllback，传递以下参数
• newValue：当前storage中name，从持久化的JSON中解析
• oldValue：旧的storage中name，从持久化的JOSN中解析
• url：修改来自选项卡的URL

Vue.ls.off(name,callback)

• 删除以前的监听器Vue.ls.on(name,callback)