Guillaume Chau
48 lines
1.0 KiB
Markdown
48 lines
1.0 KiB
Markdown
# ApolloProvider
|
|
|
|
## Constructor
|
|
|
|
```js
|
|
const apolloProvider = new VueApollo({
|
|
// Multiple clients support
|
|
// Use the 'client' option inside queries
|
|
// or '$client' on the apollo definition
|
|
clients: {
|
|
a: apolloClientA,
|
|
b: apolloClientB,
|
|
},
|
|
// Default client
|
|
defaultClient: apolloClient,
|
|
// Default 'apollo' definition
|
|
defaultOptions: {
|
|
// See 'apollo' definition
|
|
// For example: default query options
|
|
$query: {
|
|
loadingKey: 'loading',
|
|
fetchPolicy: 'cache-and-network',
|
|
},
|
|
},
|
|
// Watch loading state for all queries
|
|
// See 'Smart Query > options > watchLoading' for detail
|
|
watchLoading (isLoading, countModifier) {
|
|
loading += countModifier
|
|
console.log('Global loading', loading, countModifier)
|
|
},
|
|
// Global error handler for all smart queries and subscriptions
|
|
errorHandler (error) {
|
|
console.log('Global error handler')
|
|
console.error(error)
|
|
},
|
|
})
|
|
```
|
|
|
|
Use the apollo provider into your Vue app:
|
|
|
|
```js
|
|
new Vue({
|
|
el: '#app',
|
|
apolloProvider,
|
|
render: h => h(App),
|
|
})
|
|
```
|