Files
apollo/docs/zh-cn/api/apollo-provider.md
T
高英健 2fdb8dc9bd docs: sync Chinese translation 20181220 (#442)
* docs: sync Chinese translation 20181113

* docs: fix typo

* docs: add current version of Chinese translation

* docs: remove invisible chars

* docs: sync Chinese translation 20181220

* docs: follow master

* docs: unify style in docs

* docs: fix http link
2018-12-24 13:54:58 +01:00

1.0 KiB
Raw Blame History

ApolloProvider

构造函数

const apolloProvider = new VueApollo({
  // 支持多客户端
  // 在查询中使用 'client' 选项
  // 或在 apollo 定义中使用 '$client'
  clients: {
    a: apolloClientA,
    b: apolloClientB,
  },
  // 默认客户端
  defaultClient: apolloClient,
  // 'apollo' 对象的默认定义
  defaultOptions: {
    // 详见 'apollo' 的定义
    // 例如:默认查询选项
    $query: {
      loadingKey: 'loading',
      fetchPolicy: 'cache-and-network',
    },
  },
  // 查看所有查询的加载状态
  // 详见 '智能查询 > 选项 > watchLoading'
  watchLoading (isLoading, countModifier) {
    loading += countModifier
    console.log('Global loading', loading, countModifier)
  },
  // 所有智能查询和订阅的全局错误处理函数
  errorHandler (error) {
    console.log('Global error handler')
    console.error(error)
  },
})

在你的 Vue 应用程序中使用 apollo provider

new Vue({
  el: '#app',
  apolloProvider,
  render: h => h(App),
})