如何维护前端的主数据？

Question

例如，我有一个group主数据，它是一个类似

的数组

{[id: 1, name: `groupA`], [id: 2, name: `groupB`].....}

此数组用于许多页面，例如/users，/posts等。

因此，在每个页面中，我都会请求/api/groups获取最新的组并将其存储到this.$store.state.group中。

组数据不时更改，有时会保持一段时间。

我的问题是

1. 组数据不会经常更改，因此，如果我请求/api/groups，似乎没有必要，大多数时候我只能使用已经在浏览器中获取的组数据。

2. 如果我检查this.$store.state.group是否存在，并且仅请求/api/groups（如果不存在），我可能会得到一些陈旧的组数据。

我想知道有没有更有效的方法来做到这一点，避免每次都请求/api/groups？

建议这样做的方法是什么？