526互联

【插件】VUE-Is 使用

发布时间 2023-12-19 16:59:05作者: 贲风

1. 安装

　　NPM

　　　　npm install vue-ls --save

　　YARN

　　　　yarn add vue-ls

2.全局使用 

　　在main.js 中引入下列代码

import Storage from 'vue-ls';

const options = {
  namespace: 'myStorage_', // 存储的key键前缀，可自定义
  name: 'ls', // 命名Vue变量.ls则使用为this.$ls或者Vue.ls,
  storage: 'local', // 存储名称: session, local, memory，更改为session则默认存储在sessionStorage
};

Vue.use(Storage, options);//使用vue-ls插件

3. 使用

　　1 /  Vue.ls.set(name, value, expire)
　　　　在storage设置 name 的 value .并将 value 转化为JSON
　　　　expire: 默认为 null , name 有效时间以毫秒为单位

　　2 /  Vue.ls.get(name, def)  

　　　　返回storage中 name值。在返回之前，内部解析JSON中的值

　　　　def: 默认null, 如果为设置则返回 name .

　　3 /  Vue.ls.remove(name)

　　　　从storage中移除 name . 成功移除 true, 否则返回false.

 

　　PS: 在代码中 我是使用的 this.ls 而不是 Vue.ls  使用 Vue. 会报错 暂时还不清楚为什么