你为什么需要带有阿波罗的图形do标签？

Question

遵循一些教程和示例，我将一个GraphQL API集成到一个简单的Vue应用程序中。我使用阿波罗与API和graphql标记提供的模板文字交互来编写查询，如下所示：

gql`
    query getUser($userId: ID) {
        user(id: $userId) {
            name,
            email
        }
    }
`

但是，我不太理解graphql标记包的必要性。据我所知，这个包将查询转换为AST，但是在前端这个程序包的目的是什么，为什么需要graphql标记包来完成这个任务呢？GraphQL查询不能按原样发送到服务器吗？

Answer 1

查询本身可以发送到服务器，而无需转换为DocumentNode对象。但是，阿波罗不仅向您的服务器发送查询。它实现了许多附加特性，包括响应的规范化缓存。为了使缓存工作，我们需要将提供的查询解析为机器可读的格式。例如，通过这样做，我们可以知道所有这些查询实际上都是等价的，如果我们已经有了数据，就可以从缓存中获取：

{
  foo
  bar
}

query SomeOperationName {
  foo
  bar
}

query { foo bar }

{
  bar
  qux: foo
}

Answer 2

它们可以是简单的字符串，您可以获得IDE扩展来给您语法高亮显示它看到gql标记的位置。如果您试图添加额外的字段、合并多个查询或其他有趣的东西，则字符串操作不方便。它还将以下字符串的区别和重要性分离开来。