uniapp -- 本地数据存储

更多点击官网查询

<template>
	<view class="view">
		<ul>
			<button @click="get">点击请求数据</button>
			
			<button @click="setStorage">存储数据</button>
			
			<button @click="getStorage">获取数据</button>
			
			<button @click="removeStorage">删除数据</button>
			
			<button @click="setStorage2">同步存储数据</button>
			
			<button @click="getStorage2">同步获取数据</button>
			
			<button @click="removeStorage2">同步删除数据</button>
		</ul>
	</view>
</template>

<script>
	export default {
    
    
		methods :{
    
    
			setStorage(){
    
    
				// 存储数据
				uni.setStorage({
    
    
					key:"username",
					data:"Brave-AirPig",
					success:()=> console.log('存储成功')
				})
			},
			getStorage(){
    
    
				// 获取数据
				uni.getStorage({
    
    
					key:"username",
					success:res => console.log(`成功${
      
      res.data}`)
				})
			},
			removeStorage(){
    
    
				// 删除数据
				uni.removeStorage({
    
    
					key:"username",
					success:()=> console.log("删除数据成功")
				})
			},
			setStorage2(){
    
    
				// 同步存储数据
				uni.setStorageSync('test','value')
			},
			getStorage2(){
    
    
				// 同步获取数据
			console.log(uni.getStorageSync('test'))
			},
			removeStorage2(){
    
    
				// 同步删除数据
				uni.removeStorageSync("test")
			}
		}
	}
</script>

<style lang="less">
	.list{
    
    
		margin: 30px;
		list-style: none;
	}
</style>