uniapp存储讲解

2024-01-07 17:31:27

在 Uni-app 中,你可以使用本地缓存来存储应用程序的数据。Uni-app 提供了两种本地缓存方式:uni.setStorageSyncuni.setStorage。其中,uni.setStorageSync 同步方式存储数据,适合小数据量的存储;而 uni.setStorage 异步方式存储数据,适合大数据量的存储。

以下是 uni.setStorageSync 的示例代码:

// 存储数据
uni.setStorageSync('key', 'value');

// 读取数据
const data = uni.getStorageSync('key');

// 删除数据
uni.removeStorageSync('key');

在上述代码中,我们使用 uni.setStorageSync 存储了一个键值对数据 { key: 'value' }。使用 uni.getStorageSync 方法读取数据时,会返回该键对应的值 'value'。使用 uni.removeStorageSync 方法删除数据时,会将该键值对从本地缓存中删除。

以下是 uni.setStorage 的示例代码:

// 存储数据
uni.setStorage({
  key: 'key',
  data: 'value',
  success() {
    console.log('存储成功');
  },
});

// 读取数据
uni.getStorage({
  key: 'key',
  success(res) {
    console.log(res.data);
  },
});

// 删除数据
uni.removeStorage({
  key: 'key',
  success() {
    console.log('删除成功');
  },
});

在上述代码中,我们使用 uni.setStorage 存储了一个键值对数据 { key: 'value' }。使用 uni.getStorage 方法读取数据时,会在成功回调函数中返回该键对应的值 'value'。使用 uni.removeStorage 方法删除数据时,会在成功回调函数中打印 '删除成功'

在实际应用中,你需要根据具体需求选择适合的存储方式。注意,由于本地缓存容量有限,不建议将大量数据存储在本地缓存中。同时,为了避免数据冲突,建议在键名前添加命名空间等前缀。

文章来源:https://blog.csdn.net/zzx262625/article/details/135422915
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。