Skip to content

Commit 6bc5043

Browse files
committed
Review of @kokal and @haeresis
Signed-off-by: Bruno Lesieur <[email protected]>
1 parent 365a982 commit 6bc5043

File tree

1 file changed

+19
-19
lines changed

1 file changed

+19
-19
lines changed

docs/en/modules.md

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
# Modules
22

3-
Parce qu'il utilise un _single state tree_, tout le state de notre application est contenu dans un seul et même gros objet. Cependant, au fur et à mesure que notre application grandit, le store peut devenir très engorgé.
3+
Du fait de l'utilisation d'un arbre d'état unique, tout l'état de notre application est contenu dans un seul et même gros objet. Cependant, au fur et à mesure que notre application grandit, le store peut devenir très engorgé.
44

5-
Pour y remédier, Vuex nous permet de diviser notre store en **modules**. Chaque module peut contenir son propre state, mutations, actions, getters, et même d'autres modules.
5+
Pour y remédier, Vuex nous permet de diviser notre store en **modules**. Chaque module peut contenir ses propres état, mutations, actions, accesseurs. Il peut même contenir ses propres modules internes.
66

77
``` js
88
const moduleA = {
@@ -25,20 +25,20 @@ const store = new Vuex.Store({
2525
}
2626
})
2727

28-
store.state.a // -> le state du module A
29-
store.state.b // -> le state du module B
28+
store.state.a // -> l'état du `moduleA`
29+
store.state.b // -> l'état du `moduleB`
3030
```
3131

32-
### State local d'un module
32+
### État local d'un module
3333

34-
Dans les mutations et getters d'un module, le premier argument reçu sera le **state local du module**.
34+
Dans les mutations et accesseurs d'un module, le premier argument reçu sera **l'état local du module**.
3535

3636
``` js
3737
const moduleA = {
3838
state: { count: 0 },
3939
mutations: {
4040
increment (state) {
41-
// state est le state du module local
41+
// `state` est l'état du module local
4242
state.count++
4343
}
4444
},
@@ -51,7 +51,7 @@ const moduleA = {
5151
}
5252
```
5353

54-
De façon similaire, dans les actions du module, `context.state` exposera le state local, et le state racine sera disponible avec `context.rootState` :
54+
De façon similaire, dans les actions du module, `context.state` exposera l'état local, et l'état racine sera disponible avec `context.rootState` :
5555

5656
``` js
5757
const moduleA = {
@@ -66,7 +66,7 @@ const moduleA = {
6666
}
6767
```
6868

69-
Également, dans les getters du module, le state racine sera exposé en troisième argument :
69+
Également, dans les accesseurs du module, l'état racine sera exposé en troisième argument :
7070

7171
``` js
7272
const moduleA = {
@@ -81,9 +81,9 @@ const moduleA = {
8181

8282
### Espace de nom
8383

84-
Par défaut, les actions, mutations et accesseurs à l'intérieur d'un module son toujours enregistré sous l'**espace de nom global**. Cela permet a de multiple module d'être réactif au même type de mutation et action.
84+
Par défaut, les actions, mutations et accesseurs à l'intérieur d'un module sont toujours enregistrés sous l'**espace de nom global**. Cela permet à de multiples modules d'être réactifs au même type de mutation et d'action.
8585

86-
Si vous souhaitez que votre module soit auto-suffisant et réutilisable, vous pouvez le ranger sous un espace de nom avec `namespaced: true`. Quand le module est enregistré, tous ses accesseurs, actions et mutations seront automatiquement basé sur l'espace de nom du module dans lesquels ils sont rangés. Par exemple :
86+
Si vous souhaitez que votre module soit auto-suffisant et réutilisable, vous pouvez le ranger sous un espace de nom avec `namespaced: true`. Quand le module est enregistré, tous ses accesseurs, actions et mutations seront automatiquement basés sur l'espace de nom du module dans lesquels ils sont rangés. Par exemple :
8787

8888
```js
8989
const store = new Vuex.Store({
@@ -128,11 +128,11 @@ const store = new Vuex.Store({
128128
})
129129
```
130130

131-
Les accesseurs et actions sous espace de nom reçoivent des `getters`, `dispatch` et `commit` localisé. En d'autres termes, vous pouvez utiliser les paramètres de module sans écrire de prefix dans le même module. Permuter entre un espace de nom ou pas n'affecte pas le code à l'intérieur du module.
131+
Les accesseurs et actions sous espace de nom reçoivent des `getters`, `dispatch` et `commit` localisés. En d'autres termes, vous pouvez utiliser les paramètres de module sans écrire de prefix dans ce même module. Permuter entre un espace de nom ou non n'affecte pas le code à l'intérieur du module.
132132

133133
#### Accéder aux propriétés globales dans les modules à espace de nom
134134

135-
Si vous voulez utiliser des état et accesseurs globaux, `rootState` et `rootGetters` sont passés en 3ième et 4ième arguments des fonctions accès et sont également exposés en tant que propriété de l'objet `context` passé aux fonctions d'action.
135+
Si vous voulez utiliser des états et accesseurs globaux, `rootState` et `rootGetters` sont passés en 3ième et 4ième arguments des fonctions d'accès et sont également exposés en tant que propriété de l'objet `context` passé aux fonctions d'action.
136136

137137
Pour propager les actions ou les mutations actées dans l'espace de nom global, passez `{ root: true }` en 3ième argument à `dispatch` et `commit`.
138138

@@ -142,7 +142,7 @@ modules: {
142142
namespaced: true,
143143

144144
getters: {
145-
// Les `getters` sont localisé dans le module des accesseurs
145+
// Les `getters` sont localisés dans le module des accesseurs
146146
// vous pouvez utiliser `rootGetters` via le 4ième argument des accesseurs
147147
someGetter (state, getters, rootState, rootGetters) {
148148
getters.someOtherGetter // -> 'foo/someOtherGetter'
@@ -172,7 +172,7 @@ modules: {
172172

173173
#### Fonctions utilitaires liées avec espace de nom
174174

175-
Quand nous lions un module à espace de nom à un composant avec les fonctions utilitaires `mapState`, `mapGetters`, `mapActions` and `mapMutations`, cela peut être légèrement verbeux :
175+
Quand nous lions un module sous espace de nom à un composant avec les fonctions utilitaires `mapState`, `mapGetters`, `mapActions` and `mapMutations`, cela peut être légèrement verbeux :
176176

177177
``` js
178178
computed: {
@@ -206,9 +206,9 @@ methods: {
206206
}
207207
```
208208

209-
#### Limitations pour les plugins de développeurs
209+
#### Limitations pour les plugins des développeurs
210210

211-
Vous devez faire attention ou nom d'espace imprévisible pour vos modules quand vous créez un [plugin](plugins.md) qui fournit les modules et laisser les utilisateurs les ajouter au store de Vuex. Vos modules seront également sous espace de nom si l'utilisateur du plugin l'ajoute sous un module sous espace de nom. Pour vous adaptez à la situation, vous devez recevoir la valeur de l'espace de nom via vos options de plugin :
211+
Vous devez faire attention au nom d'espace imprévisible pour vos modules quand vous créez un [plugin](plugins.md) qui fournit les modules et laisser les utilisateurs les ajouter au store de Vuex. Vos modules seront également sous espace de nom si l'utilisateur du plugin l'ajoute sous un module sous espace de nom. Pour vous adaptez à la situation, vous devez recevoir la valeur de l'espace de nom via vos options de plugin :
212212

213213
```js
214214
// passer la valeur d'espace de nom via une option du plugin
@@ -238,15 +238,15 @@ store.registerModule(['nested', 'myModule'], {
238238
})
239239
```
240240

241-
L'état des modules seront disponibles dans `store.state.myModule` et `store.state.nested.myModule`.
241+
L'état des modules est disponible dans `store.state.myModule` et `store.state.nested.myModule`.
242242

243243
L'enregistrement dynamique de module permet aux autres plugins Vue de bénéficier de la gestion de l'état de Vuex en attachant un module au store de l'application. Par exemple, la bibliothèque [`vuex-router-sync`](https://github.com/vuejs/vuex-router-sync) intègre vue-router avec vuex en gérant l'état de la route d'application dans un module enregistré dynamiquement.
244244

245245
Vous pouvez aussi supprimer un module enregistré dynamiquement avec `store.unregisterModule(moduleName)`. Notez que vous ne pouvez pas supprimer des modules statiques (déclarés à la création du store) avec cette méthode.
246246

247247
### Ré-utiliser un module
248248

249-
Parfois nous devrons créer de multiples instances d'un module pour par exemple :
249+
Parfois nous devrons créer de multiples instances d'un module pour, par exemple :
250250

251251
- créer plusieurs stores qui utilisent le même module ou
252252
- enregistrer le même module plusieurs fois dans le même store.

0 commit comments

Comments
 (0)