vue项目里面接口和参数相同如何去做缓存?

场景描述:
A页面里面用了a.b.c三个不同组件,B页面也同时引用了a.b.c三个相同的组件,怎么做到A页面第一次请求了,B页面进入时候不在请求a.b.c三个组件的数据,直接用A页面的请求的接口缓存数据
实际使用场景比这复杂的多,可能很多个页面同时使用某一个组件或者多个组件,该如何考虑实现呢?


回答:

为了避免重复请求数据,可以考虑在组件中使用Vuex等状态管理工具,将数据抽离出来,作为全局共享的数据,同时通过 created 钩子函数检查该数据是否已经存在,如果存在直接使用该数据,否则再发起数据请求。这样即使多个页面引用同一个组件,也可以避免多次请求数据的问题。


回答:

可以看一下这篇文章,写的非常详细:https://juejin.cn/post/7104635370796482567


回答:

缓存其实容易,可以存vex或者localStorage等,判断缓存有数据就不去读接口,这一部可以做到组件内。
需要关注的是什么时候去更新缓存?可以组件内部实现更新缓存的方法(重新调接口),然后在AB 页面去根据业务进行调用

以上是 vue项目里面接口和参数相同如何去做缓存? 的全部内容, 来源链接: utcz.com/p/934263.html

回到顶部