一、需求背景
在一些后台管理的项目中，会经常有一些tab组件，tab组件下展示各种不同的数据，通常情况下，每次切换tab都会重新调用接口拉取数据，我认为这是很正常的现象，并不会对服务器带来什么所谓的压力。但是我们的领导要求是 每次切换调用接口后，下次再切换不用调用，直接用历史数据，并且分页查询参数还要隔离，说实话，这与这种需求可以做，意义不大，领导给我提供的思路是写8个表格互不干扰，What？？？？
二、实践
之前我是用的一个封装的table组件，通过配置jsonColumns来渲染，用的一个变量来保存的表格数据，这样显然是无法隔离，当然写8个table这种愚蠢的行为是不可能干的！
step1:数据隔离 先定义两组map对象（表格数据 and 查询参数），key就是tab对应的selectedName
step2:请求接口后，set对应值
step3:如何使用动态表格数据和动态请求参数？
queryParams的set大家可以不用写，这里我把queryParams在自定义的翻页组件进行双向绑定做了其他处理，可忽略，和我们讲的没任何关系。到这里就已经完成了查询参数和表格数据的隔离了~~
step4:记录请求状态
定义一个ref对象， const requestStatus = ref({})，当然普通的对象也可以，毕竟和视图没关系，在调用接口成功后标记已请求的状态。
step5:拦截请求，实现缓存
到这里，就已经实现了需求，整体比较简单，提供了一种思路，不管什么框架套用思路即可，有什么更好的方式欢迎大家评论~~