在 Vue 组件中使用

在您的应用程序中安装 vue-apollo 后，所有组件现在都可以通过 apollo 特殊选项使用 Apollo。

apollo 选项

要在您的 Vue 组件中声明 apollo 查询，请在组件选项中添加 apollo 对象

new Vue({
  apollo: {
    // Apollo specific options
  },
})

在 .vue 文件中

<template>
  <div>My component</div>
</template>

<script>
export default {
  apollo: {
    // Vue-Apollo options here
  }
}
</script>

特殊选项

在 apollo 选项中，apollo 对象中有一些以 $ 开头的特殊选项。

在 特殊选项部分 中了解有关这些特殊选项的更多信息。

$apollo

具有 apolloProvider 选项的所有组件都具有可用的 $apollo 帮助程序。这是您的组件和 Apollo 之间的粘合剂，它为您完成了所有繁重的工作（包括自动更新和拆卸）。

您可以在所有 Vue 组件中使用 this.$apollo.provider.defaultClient 或 this.$apollo.provider.clients.<key>（对于 多个客户端）访问 apollo-client 实例。

如果您好奇，请参阅 $apollo API。