自学uni-app （6）数据缓存

最新推荐文章于 2025-10-12 20:55:04 发布

原创

最新推荐文章于 2025-10-12 20:55:04 发布 · 627 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #小程序 #html5 #android

本文详细介绍了uni-app的数据缓存操作，包括异步和同步的存储、获取及移除数据的方法，提供了相应的代码演示，帮助开发者理解并掌握uni-app的本地数据管理。

跨平台框架uni-app

数据缓存

数据缓存

API	说明
uni.getStorage	获取本地数据缓存
uni.getStorageSync	获取本地数据缓存
uni.setStorage	设置本地数据缓存
uni.setStorageSync	设置本地数据缓存
uni.getStorageInfo	获取本地缓存的相关信息
uni.getStorageInfoSync	获取本地缓存的相关信息
uni.removeStorage	删除本地缓存内容
uni.removeStorageSync	删除本地缓存内容
uni.clearStorage	清理本地数据缓存
uni.clearStorageSync	清理本地数据缓存

存储数据

异步存储（uni.setStorage）

将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。

代码演示

<template>
	<view>
		<button type="primary" @click="setStor">存储数据</button>
	</view>
</template>

<script>
	export default {
   
   
		methods: {
   
   
			setStor () {
   
   
				uni.setStorage({
   
   
				 	key: 'id',
				 	data: 10,
				 	success () {