avatar

目录
vue-cli小工具 – oneLifeCache缓存

oneLifeCache

用于 vue-cli 的前端缓存插件

  • vue-cli2 已测试
  • vue-cli3 未测试,理论上没问题

oneLifeCache-v2 与 oneLifeCache 版本存在较大改动,因此要分开说明

挂载到 vue-cli2(两版本挂载方式相同)

  • main.js
javascript
1
2
3
4
5
// oneLifeCache
import oneLifeCache from "@/utils/oneLifeCache";
// 挂载全局
// eslint-disable-next-line new-cap
Vue.prototype.$cache = new oneLifeCache();

oneLifeCache-v2 版本

javascript
1
2
3
4
5
this.$cache.set(key, value); // 添加k-v;若k重复,将覆盖旧值
this.$cache.getAndSet(key, value); // 重设k的值
this.$cache.getAndRemove(key); // 通过k获取值后删除之
this.$cache.remove(key); // 通过k删除节点
this.$cache.clear(); // 清空缓存

oneLifeCache 版本

javascript
1
2
3
4
this.$cache.set(key, value); // 添加k-v;若k重复,将添加失败
this.$cache.get(key); // 通过k获取值
this.$cache.read(key); // 通过k获取值后删除之
this.$cache.clear(); // 清空缓存
文章作者: Bill
文章链接: http://blog.webpro.ltd/2020/01/26/vue-cli-tool-oneLifeCache/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Bill's blog

评论