发帖
3 0 0

爱星物联APP缓存方式

木缘
高级会员

21

主题

0

回帖

626

积分

高级会员

积分
626
爱星物联IoT云平台 1090 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

──── 0人觉得很赞 ────

使用道具 举报

厉害了
2024-9-14 20:31:31
点个赞,很棒
2024-9-17 17:35:16
您需要登录后才可以回帖 立即登录
高级模式
返回
统计信息
  • 会员数: 28582 个
  • 话题数: 40713 篇