UniApp 基础教程:第十二篇

数据持久化与本地存储

在移动应用开发中,数据持久化和本地存储是非常重要的一环。这不仅可以提高用户体验,还能在某些场景下节省网络流量。在本篇教程中,我们将探讨 UniApp 提供的数据持久化与本地存储方案。

使用 uni.setStorageSyncuni.getStorageSync

UniApp 提供了 uni.setStorageSyncuni.getStorageSync 方法,用于同步存储和获取本地数据。

存储数据

javascript 复制代码
uni.setStorageSync('key', 'value');

获取数据

javascript 复制代码
const value = uni.getStorageSync('key');

使用 uni.setStorageuni.getStorage

如果你想使用异步操作,可以使用 uni.setStorageuni.getStorage

存储数据

javascript 复制代码
uni.setStorage({
  key: 'key',
  data: 'value',
  success: function () {
    console.log('success');
  }
});

获取数据

javascript 复制代码
uni.getStorage({
  key: 'key',
  success: function (res) {
    console.log(res.data);
  }
});

总结

在本篇教程中,我们了解了 UniApp 中的数据持久化和本地存储方案,并通过示例代码演示了如何使用这些功能。

更多信息,请参考官方文档


下一篇教程将介绍 UniApp 中的网络请求和数据交互。敬请期待!

相关推荐
dae bal4 小时前
关于RSA和AES加密
前端·vue.js
代码老y7 小时前
十年回望:Vue 与 React 的设计哲学、演进轨迹与生态博弈
前端·vue.js·react.js
前端snow7 小时前
前端无接口实现Table导出Excel的两种方案(附完整代码)
javascript·vue.js·react.js
yangholmes88889 小时前
如何为 Vue 组件提供 slots 静态类型检查
vue.js
借月9 小时前
高德地图绘制工具全解析:线路、矩形、圆形、多边形绘制与编辑指南 🗺️✏️
前端·vue.js
....49212 小时前
Vue3 + Element Plus 实现可搜索、可折叠、可拖拽的部门树组件
前端·javascript·vue.js
bitbitDown13 小时前
重构缓存时踩的坑:注释了三行没用的代码却导致白屏
前端·javascript·vue.js
Solon阿杰14 小时前
前端(react/vue)实现全景图片(360°)查看器
javascript·vue.js
前端程序猿i14 小时前
用本地代理 + ZIP 打包 + Excel 命名,优雅批量下载跨域 PDF
前端·javascript·vue.js·html
Danny_FD14 小时前
Vue2 中使用vue-markdown实现编辑器
前端·javascript·vue.js