@connection指令GraphQL

Question

我不了解Apollo中的@connection指令，我只知道它以某种方式用于分页。有人可以用更适合初学者的方式解释此查询吗？

export const GET_ALL_MESSAGES_WITH_USERS = gql`
  query {
    messages(order: "DESC") @connection(key: "MessagesConnection") {
      edges {
        id
        text
        createdAt
        user {
          id
          username
        }
      }
      pageInfo {
        hasNextPage
      }
    }
  }
`;

这是文档的链接，但我不理解此https://www.apollographql.com/docs/react/data/pagination/#the-connection-directive