在Apollo Client 3中，可以使用缓存来实现对GraphQL接口的缓存。下面是一个示例，演示了如何在客户端实现缓存。

首先，需要安装apollo-client和@apollo/client-cache-persist依赖：

npm install @apollo/client apollo-client graphql

然后，创建一个Apollo Client实例并配置缓存策略：

import { ApolloClient, InMemoryCache } from '@apollo/client';
import { persistCache } from 'apollo3-cache-persist';

const cache = new InMemoryCache();

// 可以根据需要进行配置，例如设置缓存的过期时间等
const cacheConfig = {
  typePolicies: {
    Query: {
      fields: {
        // 在这里配置需要缓存的字段
        // 例如，假设有一个查询叫做"books"，我们想要对其进行缓存
        books: {
          merge(existing = [], incoming) {
            return [...existing, ...incoming];
          },
        },
      },
    },
  },
};

const client = new ApolloClient({
  cache,
  defaultOptions: {
    watchQuery: {
      fetchPolicy: 'cache-and-network',
    },
  },
});

// 从localStorage中加载缓存
persistCache({
  cache,
  storage: window.localStorage,
}).then(() => {
  // 在加载缓存后，启动Apollo Client
  client.query({ query: YOUR_QUERY }).then(() => {
    // 所有初始化的查询都已完成
  });
});

在上面的示例中，我们创建了一个InMemoryCache实例，并使用typePolicies属性配置了需要缓存的字段。在这个例子中，我们假设有一个查询叫做"books"，我们想要对其进行缓存。我们使用merge函数来合并已存在的缓存数据和新数据。

在创建Apollo Client实例时，我们将缓存实例传递给了cache属性，并在defaultOptions中设置了fetchPolicy为'cache-and-network'，这意味着查询将首先从缓存中获取数据，然后再从网络获取最新的数据。

最后，我们使用persistCache将缓存保存到本地的localStorage中，并在加载缓存后启动Apollo Client。这样，每次启动应用程序时，都会从本地存储加载缓存，并在网络请求返回后更新缓存。

这就是如何在Apollo Client 3中实现对GraphQL接口的缓存。希望对你有帮助！