存储对象 本地存储、离线存储、本地化、持久化

cdn: https://www.bootcdn.cn/localforage/
手册:http://localforage.docschina.org/

推荐8个存储库

https://juejin.cn/post/6882349487285616654

消息订阅

https://github.com/developit/mitt/releases



// eslint-disable-next-line no-undef 
Vue.prototype.$localforageData = localforage.createInstance({
  name: "local-forage-data"
});
// eslint-disable-next-line no-undef 
Vue.prototype.$localforageCache = localforage.createInstance({
  name: "local-forage-cache"
});

//最近使用Api
Vue.prototype.$localforageApi = localforage.createInstance({
    name: "local-forage-api"
});

//存储本地变更记录的业务方法 that.$localBsLog({fromType: null}, that, thatRoot, valueO) )
Vue.prototype.$localBsLog = methodChangeLog;
//存储本地变更记录
Vue.prototype.$localHisCache = localHisCache;
//存储本地的维数据,用减少数据请求
Vue.prototype.$dimLocal = {
  getLocalDimData: getLocalDimData,
  setLocalDimData: setLocalDimData,
  //根据字段,设置转换数据
  setDimFieldData: setDimFieldData,
  //数据变更执行数据转换
  changeData: changeData,
  //维数据结构转换
  setDimTempDataTemp
};
// 通过 localStorage 设置值
localStorage.setItem('key', JSON.stringify('value'));

// 通过 localForage 完成同样功能
localforage.setItem('key', 'value').then(doSomethingElse);

// localForage 同样支持回调函数
localforage.setItem('key', 'value', doSomethingElse);

localforage.getItem('somekey').then(function(value) {
    // 当离线仓库中的值被载入时,此处代码运行
    console.log(value);
}).catch(function(err) {
    // 当出错时,此处代码运行
    console.log(err);
});

// 回调版本:
localforage.getItem('somekey', function(err, value) {
    // 当离线仓库中的值被载入时,此处代码运行
    console.log(value);
});

//that.$localStorage.setLocalStore(that.$configStorage.recentApi,{})
//that.$localStorage.getLocalStore(that.$configStorage.recentApi)
文档更新时间: 2024-03-17 21:10   作者:admin