uniapp中的数据缓存

本地缓存功能是html5的新特性，uniapp中同样提供了数据的本地化操作，其中包括存储、获取、删除、清空等四个方面。

首先数据缓存的存储方式共有两种，一种同步，一种异步，以下代码中是同步与异步写法：

// 异步写法
uni.setStorage({
	key: 'token',
	data: 'xxxxxxxxxxxxxxxxxxxxxxx',
	success: function () {
		console.log('success');
	}
});

// 同步写法
uni.setStorageSync('token', 'xxxxxxxxxxxxxxxxxxxxxxx');

存储之后，我们想要获取本地缓存中数据时，需要用到storage的get操作，同样是同步与异步两种写法：

// 异步写法
uni.getStorage({
	key: 'token',
	success: function (res) {
		console.log(res.data); // 本地存储的value值
	}
});

// 同步写法
const token = uni.getStorageSync('token');
// 如果存储的是token，可以在获取之后判断用户是否登录
if(!token) return uni.navigateTo({ url: '/pages/login/login' });

项目中，如果有退出登录功能时，我们需要在用户点击按钮后，进行删除本地缓存的操作，在这里可以选择使用删除单一缓存，也可以选择直接将缓存完全清空࿰