vue-cli小工具 – oneLifeCache缓存

oneLifeCache

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

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

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

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

• main.js

javascript

// oneLifeCache
import oneLifeCache from '@/utils/oneLifeCache'
// 挂载全局
// eslint-disable-next-line new-cap
Vue.prototype.$cache = new oneLifeCache()

oneLifeCache-v2 版本

javascript

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

this.$cache.set(key, value) // 添加k-v；若k重复，将添加失败
this.$cache.get(key)        // 通过k获取值
this.$cache.read(key)       // 通过k获取值后删除之
this.$cache.clear()         // 清空缓存