uniapp中数据缓存例子

在UniApp中，可以使用其内置的`uni.cache` API来进行数据缓存，这可以帮助提高应用性能，减少网络请求次数。下面是一个简单的数据缓存示例：

// 导入uni.app模块的cache功能
import { cache } from '@dcloudio/uni-app';

// 假设我们有一个获取用户信息的API
async function getUserInfo(userId) {
  // 首先尝试从缓存中获取
  const cachedUser = await cache.get('userInfo:' + userId);

  if (cachedUser) {
    console.log('从缓存中获取用户信息:', cachedUser);
  } else {
    // 如果缓存中没有，则发起网络请求
    const response = await fetch(`https://api.example.com/users/${userId}`);
    const data = await response.json();

    // 将获取到的数据存储到缓存中
    await cache.set('userInfo:' + userId, data, { expires: 60 * 60 }); // 设置过期时间为1小时

    console.log('从服务器获取用户信息:', data);
    return data;
  }
}

// 使用缓存
getUserInfo('123456');

在这个例子中，如果用户的信息已经在缓存中，那么就直接返回，否则通过API获取并存储到缓存中。当再次需要这个用户信息时，会优先从缓存中读取。