爱星物联APP缓存方式

[复制链接]
查看907 | 回复3 | 2024-9-14 14:45:19 | 显示全部楼层 |阅读模式
爱星物联APP缓存方式

APP缓存是指应用程序在运行时为了加快数据访问速度和提高用户体验,而将部分数据临时存储在手机或其他设备上的内存区域。缓存的存在可以有效减少应用程序对原始数据源的访问次数,从而减轻服务器的负担,同时提升用户的使用流畅度。

1. 缓存实现方式
我们使用vuex时会发现当我们刷新页面时,vuex中的数据没了,这就是vuex的刷新丢失问题。此外有时候我们需要简化获取数据的繁琐步骤,我们可以利用storage缓存本地存储,进行vuex的持久化处理。因此爱星物联APP使用的缓存是vuex+storage的方式实现。

2. 核心代码
store.js
图片2.png
store/index.js
图片3.png
gettes.js
图片4.png
store/modules/user.js
图片5.png

3. 使用场景
在用户登录成功后,将返回的用户信息缓存到本地。以便于后续使用用户信息时直接从缓存获取。
缓存用户信息:
图片6.png
引入并使用用户缓存:
图片7.png
图片8.png

回复

使用道具 举报

一只呆头鹅 | 2024-9-14 15:26:40 | 显示全部楼层
厉害了
回复

使用道具 举报

iiv | 2024-9-14 20:31:31 | 显示全部楼层
点个赞,很棒
回复 支持 反对

使用道具 举报

molun | 2024-9-17 17:35:16 | 显示全部楼层
等风,等雨,也等你!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则