跨平台应用开发进阶(十) ：uni-app 实现数据存储、获取和删除_uniapp 内存泄漏

最新推荐文章于 2025-06-17 00:33:19 发布

原创

最新推荐文章于 2025-06-17 00:33:19 发布 · 684 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端 #javascript

一、前言

项目开发过程中，需要实现数据的全局存储、获取及删除操作。可通过storage、globalData实现。

二、setstorage

为此，阅读了uni-app官方文档，发现其已经内置方法实现以上功能。

2.1 应用示例

<template>
	<view class="content">
		<button type="primary" @click="setStorage">存储数据</button>
		<button type="primary" @click="getStorage">获取数据</button>
		<button type="primary" @click="delStorage">删除数据</button>
	</view>
</template>
 
<script>
	export default {
		methods: {
			setStorage() {
				uni.setStorage({
					key: 'name',
					data: 'uniapp',
					success() {
						console.log('存储数据')
					}
				})
			},
			getStorage() {
				uni.getStorage({
					key: 'name',
					success(res) {
						console.log('获取成功', res.data)
					}
				})
			},
			delStorage() {
				uni.removeStorage({
					key: 'name',