# Options spéciales

Les options spéciales commencent par un $ dans l'objet apollo.

  • $skip pour dĂ©sactiver toutes les requĂȘtes et souscriptions (voir ci-dessous)
  • $skipAllQueries pour dĂ©sactiver toutes les requĂȘtes (voir ci-dessous)
  • $skipAllSubscriptions pour dĂ©sactiver toutes les souscriptions (voir ci-dessous)
  • $deep pour observer les propriĂ©tĂ©s ci-dessus avec deep: true quand une fonction est fournie
  • $error pour intercepter les erreurs dans un fonction de gestion par dĂ©faut (voir les options avancĂ©es d'error pour les requĂȘtes intelligentes)
  • $query pour appliquer les options par dĂ©faut Ă  toutes les requĂȘtes d'un composant

Exemple :

<script>
export default {
  data () {
    return {
      loading: 0,
    }
  },
  apollo: {
    $query: {
      loadingKey: 'loading',
    },
    query1: { ... },
    query2: { ... },
  },
}
</script>

Vous pouvez définir un ensemble d'options par défaut dans le provider Apollo afin d'appliquer les définitions apollo. Par exemple :

const apolloProvider = new VueApollo({
  defaultClient: apolloClient,
  defaultOptions: {
    // Les options Apollo appliquĂ©es Ă  toutes les requĂȘtes dans les composants
    $query: {
      loadingKey: 'loading',
      fetchPolicy: 'cache-and-network',
    },
  },
})

# Tout sauter

Vous pouvez dĂ©sactiver toutes les requĂȘtes d'un composant avec skipAllQueries, toutes les souscriptions avec skipAllSubscriptions, et les deux skipAll:

this.$apollo.skipAllQueries = true
this.$apollo.skipAllSubscriptions = true
this.$apollo.skipAll = true

Vous pouvez aussi déclarer ces propriétés dans l'option apollo du composant. Ils peuvent prendre des booléens :

apollo: {
  $skipAll: true
}

Ou bien des fonctions réactives :

apollo: {
  $skipAll () {
    return this.foo === 42
  }
}
DerniĂšre mise Ă  jour: 11/02/2021, 11:08:30