请教一个 Vue 请求后端 API 顺序问题

[imherer]

有 A 、B 两个 API ，其中 B 的结果需要依赖 A 的结果来组装数据（类似于 B 是用户表存了角色 ID ，界面显示的时候需要依赖 A 角色表里的角色名称）

之前的做法是在onMounted里先调用 A 然后再调用 B ，其中 A 被调用后我就把结果存起来了，只用调用这一次

现在我封装了一个分页组件，于是我不在onMounted里调用 B 了，直接watch页码和页大小有变化的时候调用 B ，但是这样会导致一个问题：就是页面一加载的时候 watch 就会生效，导致 B 比 A 先执行。但是我又不想把 A 也放在watch里，因为它的数据几乎是不会变的，类似于角色表，页面加装的时候调用一次即可

大佬们有什么思路吗？

[coderzhangsan]

题外话：本人 PHP 后端，我一般都是直接做好数据一个接口返给前端，即便是后续业务迭代，我也是这样，免得对接时候问来问去的，搞不好就出错。

[Foxii]

@imherer 这俩就是一个东西 vue-query: 'This package was migrated to be a part of https://github.com/TanStack/query'