|
| 1 | +# Documentation API |
| 2 | + |
| 3 | +### Vuex.Store |
| 4 | + |
| 5 | +``` js |
| 6 | +import Vuex from 'vuex' |
| 7 | + |
| 8 | +const store = new Vuex.Store({ ...options }) |
| 9 | +``` |
| 10 | + |
| 11 | +### Options de constructeur de Vuex.Store |
| 12 | + |
| 13 | +- **state** |
| 14 | + |
| 15 | + - type: `Object` |
| 16 | + |
| 17 | + L'objet state racine pour le store Vuex. |
| 18 | + |
| 19 | + [Détails](state.md) |
| 20 | + |
| 21 | +- **mutations** |
| 22 | + |
| 23 | + - type: `{ [type: string]: Function }` |
| 24 | + |
| 25 | + Enregistrer les mutations sur le store. La fonction handler reçoit toujours `state` comme premier argument (sera le state local du module si défini dans un module), et reçoit le `payload` en second argument s'il y en a un. |
| 26 | + |
| 27 | + [Détails](mutations.md) |
| 28 | + |
| 29 | +- **actions** |
| 30 | + |
| 31 | + - type: `{ [type: string]: Function }` |
| 32 | + |
| 33 | + Enregistrer les actions sur le store. La fonction handler reçoit un objet `context` qui expose les propriétés suivantes : |
| 34 | + |
| 35 | + ``` js |
| 36 | + { |
| 37 | + state, // identique à store.state, ou au state local si dans des modules |
| 38 | + rootState, // identique à store.state, seulement dans des modules |
| 39 | + commit, // identique à store.commit |
| 40 | + dispatch, // identique à store.dispatch |
| 41 | + getters // identique à store.getters |
| 42 | + } |
| 43 | + ``` |
| 44 | + |
| 45 | + [Détails](actions.md) |
| 46 | + |
| 47 | +- **getters** |
| 48 | + |
| 49 | + - type: `{ [key: string]: Function }` |
| 50 | + |
| 51 | + Enregistrer les getters sur le store. La fonction getter reçoit les arguments suivants : |
| 52 | + |
| 53 | + ``` |
| 54 | + state, // sera le state local du module si défini dans un module. |
| 55 | + getters, // indentique à store.getters |
| 56 | + rootState // indentique à store.state |
| 57 | + ``` |
| 58 | + Les getters enregistrés sont exposés sur `store.getters`. |
| 59 | + |
| 60 | + [Détails](getters.md) |
| 61 | + |
| 62 | +- **modules** |
| 63 | + |
| 64 | + - type: `Object` |
| 65 | + |
| 66 | + Un objet contenant des sous-modules qui seront regroupés dans le store, de la forme suivante : |
| 67 | + |
| 68 | + ``` js |
| 69 | + { |
| 70 | + key: { |
| 71 | + state, |
| 72 | + mutations, |
| 73 | + actions?, |
| 74 | + getters?, |
| 75 | + modules? |
| 76 | + }, |
| 77 | + ... |
| 78 | + } |
| 79 | + ``` |
| 80 | + |
| 81 | + Chaque module peut contenir `state` et `mutations`, tout comme les options racine. Le state d'un module sera attaché au state racine du store en utilisant la clé du module. Les mutations et getters d'un module recevront seulement le state local du module en premier argument au lieu du state racine, et le `context.state` des actions du module pointeront également vers le state local. |
| 82 | + |
| 83 | + [Détails](modules.md) |
| 84 | + |
| 85 | +- **plugins** |
| 86 | + |
| 87 | + - type: `Array<Function>` |
| 88 | + |
| 89 | + Un tableau de fonctions plugin qui seront appliqués au store. Un plugin reçoit simplement le store comme seul argument et peut soit écouter les mutations (pour la persistence de données, logging ou debugging) ou dispatcher des mutations (pour les données internes, i.e. websockets ou observables). |
| 90 | + |
| 91 | + [Détails](plugins.md) |
| 92 | + |
| 93 | +- **strict** |
| 94 | + |
| 95 | + - type: `Boolean` |
| 96 | + - default: `false` |
| 97 | + |
| 98 | + Force le store Vuex en mode strict. En mode strict, toute mutation du state en dehors des handlers de mutation lancera une Error. |
| 99 | + |
| 100 | + [Détails](strict.md) |
| 101 | + |
| 102 | +### Propriétés d'instance de Vuex.Store |
| 103 | +
|
| 104 | +- **state** |
| 105 | +
|
| 106 | + - type: `Object` |
| 107 | +
|
| 108 | + Le state racine. Lecture seule. |
| 109 | +
|
| 110 | +- **getters** |
| 111 | +
|
| 112 | + - type: `Object` |
| 113 | +
|
| 114 | + Expose les getters enregistrés. Lecture seule. |
| 115 | +
|
| 116 | +### Méthodes d'instance de Vuex.Store |
| 117 | + |
| 118 | +- **`commit(type: string, payload?: any) | commit(mutation: Object)`** |
| 119 | + |
| 120 | + commiter une mutation. [Détails](mutations.md) |
| 121 | + |
| 122 | +- **`dispatch(type: string, payload?: any) | dispatch(action: Object)`** |
| 123 | + |
| 124 | + Dispatcher une action. Retourne la valeur renvoyée par le handler d'action déclenché, ou une Promise si plusieurs handlers ont été déclenchés. [Détails](actions.md) |
| 125 | +
|
| 126 | +- **`replaceState(state: Object)`** |
| 127 | +
|
| 128 | + Remplacer le state racine du store. Utiliser seulement pour hydrater le state ou voir le state dans le temps. |
| 129 | +
|
| 130 | +- **`watch(getter: Function, cb: Function, options?: Object)`** |
| 131 | +
|
| 132 | + Observer de façon réactive la valeur de retour d'une fonction getter, et appeler le callback lorsque la valeur change. Le getter reçoit le state du store comme unique argument. Accepte un objet options optionnel qui prend les mêmes options que la méthode `vm.$watch` de Vue. |
| 133 | + |
| 134 | + Pour arrêter d'observer, appeler la fonction retournée. |
| 135 | +
|
| 136 | +- **`subscribe(handler: Function)`** |
| 137 | +
|
| 138 | + S'abonner aux mutations du store. Le `handler` est appelé après chaque mutation et reçoit le descripteur de mutation et le state post-mutation comme arguments : |
| 139 | + |
| 140 | + ``` js |
| 141 | + store.subscribe((mutation, state) => { |
| 142 | + console.log(mutation.type) |
| 143 | + console.log(mutation.payload) |
| 144 | + }) |
| 145 | + ``` |
| 146 | + |
| 147 | + Utilisé plus communément dans les plugins. [Détails](plugins.md) |
| 148 | + |
| 149 | +- **`registerModule(path: string | Array<string>, module: Module)`** |
| 150 | + |
| 151 | + Enregistrer un module dynamique. [Détails](modules.md#enregistrement-dynamique-de-module) |
| 152 | + |
| 153 | +- **`unregisterModule(path: string | Array<string>)`** |
| 154 | + |
| 155 | + Supprimer un module dynamique. [Détails](modules.md#enregistrement-dynamique-de-module) |
| 156 | + |
| 157 | +- **`hotUpdate(newOptions: Object)`** |
| 158 | + |
| 159 | + Remplacement à la volée des nouvelles actions et mutations. [Détails](hot-reload.md) |
| 160 | + |
| 161 | +### Helpers d'attachement au composant |
| 162 | +
|
| 163 | +- **`mapState(map: Array<string> | Object): Object`** |
| 164 | +
|
| 165 | + Créer des computed properties qui retournent le sub tree du store Vuex au composant. [Détails](state.md#le-helper-mapstate) |
| 166 | +
|
| 167 | +- **`mapGetters(map: Array<string> | Object): Object`** |
| 168 | +
|
| 169 | + Créer des computed properties qui retournent la valeur calculée d'un getter. [Détails](getters.md#le-helper-mapgetters) |
| 170 | + |
| 171 | +- **`mapActions(map: Array<string> | Object): Object`** |
| 172 | + |
| 173 | + Créer des méthodes de composant qui dispatchent une action. [Détails](actions.md#dispatcher-des-actions-dans-les-composants) |
| 174 | + |
| 175 | +- **`mapMutations(map: Array<string> | Object): Object`** |
| 176 | + |
| 177 | + Créer des méthodes de composant qui committent une mutation. [Détails](mutations.md#commiter-des-mutations-dans-les-composants) |
0 commit comments