Uni-app 中同步和异步的数据存储、数据获取、数据删除

一、数据存储uni.setStorage(Object)

1、数据的异步存储uni.setStorage(Object)

//先定义一个存储数据的按钮
<button @click="setStorage" type="primary">数据存储</button>
// 存储数据
			setStorage () {
// uni.setStorage(object)将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。
				// 异步接口
				uni.setStorage({
					key:"id",
					data:688,
					success() {
						console.log("存储成功")
					}
					
				})
			},

2、同步的数据存储uni.setStorageSync

// 存储数据
			setStorage () {
	// uni.setStorage(object)将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。
				// 异步接口
				// uni.setStorage({
				// 	key:"id",
				// 	data:688,
				// 	success() {
				// 		console.log("存储成功")
				// 	}
					
				// })
				
				// 同步存储数据
				const res = uni.setStorageSync('id',588)
				console.log("同步数据存储成功",res)
			},

二、获取数据uni.getStorage(Object)

1、数据的异步获取uni.getStorage(Object)

//先定义一个获取数据的按钮
<button @click="getStorage" type="primary">获取数据</button>
// 获取数据
			// 异步接口
			getStorage () {
				uni.getStorage({
					key:"id",
					success(res) {
						console.log("数据获取成功",res.data)
					}
				})
			},

2、数据的同步获取uni.getStorageSync

// 获取数据
			// 异步接口
			getStorage () {
				// uni.getStorage({
				// 	key:"id",
				// 	success(res) {
				// 		console.log("数据获取成功",res.data)
				// 	}
				// })
				
				// 同步获取数据
				const myget = uni.getStorageSync("id")
				console.log("同步数据获取成功",myget)
			},

三、移除数据uni.removeStorage(Object)

1、异步移除数据

// 移除数据
			// 异步接口
			removeId() {
				uni.removeStorage({
					key:"id",
					success() {
						console.log("数据移除成功")
					}
				})
			}

2、同步数据的移除uni.removeStorageSync

// 移除数据
			// 异步接口
			removeId() {
				// uni.removeStorage({
				// 	key:"id",
				// 	success() {
				// 		console.log("数据移除成功")
				// 	}
				// })
				
				// 同步设置删除数据
				const mycls = uni.removeStorageSync("id")
				console.log("同步删除数据成功",mycls)
			}

你可能感兴趣的:(Uni-app,前端,javascript,vue.js)