vue.js - 将阿波罗查询结果存储在本地状态？

Question

假设我有一个带有用户 ID 的缩小项目列表。通过单击它们，我想使用 apollo 查询延迟加载数据，展开并显示接收到的数据，例如用户名、地址等。那么我应该如何在本地“缓存”或存储这些数据，以便能够重新加载 + 追加新用户数据并显示已从本地状态加载的用户，而不是从服务器重新加载它们

具有假设行为的假设查询：

export default {
    apollo: {
        getUser: {
            query: gpl`query getUser($id: Int!) {
                getUser(id: $id) {
                    username
                    address
                }
            }`,
            onDataLoaded: data => this.storedUsers.concat(data) // smthg lk ths
        }
    },
    data () {
        return {
             storedUsers: []
        }
    }
}

或者也许这是一个不好的方法？

Answer 1

Apollo Client 有一个 InMemoryCache，除非你这么说，否则不会重新加载数据。见 https://www.apollographql.com/docs/react/caching/cache-configuration/