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

评论