From a30286e3f44cecc50e353ee6f1fbf3847a496ed4 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Sat, 17 Jun 2017 12:27:04 +0200 Subject: [PATCH 1/3] Traduction de forms.md Signed-off-by: Bruno Lesieur --- docs/en/forms.md | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/docs/en/forms.md b/docs/en/forms.md index 3158c9cb2..3306ad95b 100644 --- a/docs/en/forms.md +++ b/docs/en/forms.md @@ -1,14 +1,14 @@ -# Form Handling +# Formulaires -When using Vuex in strict mode, it could be a bit tricky to use `v-model` on a piece of state that belongs to Vuex: +Lorsque l'on utilise Vuex en mode strict, il peut être compliqué d'utiliser `v-model` sur une partie de l'état qui appartient à Vuex : ``` html ``` -Assuming `obj` is a computed property that returns an Object from the store, the `v-model` here will attempt to directly mutate `obj.message` when the user types in the input. In strict mode, this will result in an error because the mutation is not performed inside an explicit Vuex mutation handler. +Supposons que `obj` est une propriété calculée qui retourne un objet depuis le store, le `v-model` tentera de muter directement `obj.message` lorsque l'utilisateur saisit du texte dans le champ. En mode strict, cela produira une erreur car la mutation n'est pas effectuée dans un gestionnaire de mutation Vuex explicite. -The "Vuex way" to deal with it is binding the ``'s value and call an action on the `input` or `change` event: +La « façon Vuex » de gérer ça est de lier la valeur de l'`input` et d'appeler une action sur l'évènement `input` ou `change` : ``` html @@ -27,7 +27,7 @@ methods: { } ``` -And here's the mutation handler: +Et voici le gestionnaire de mutation : ``` js // ... @@ -38,9 +38,9 @@ mutations: { } ``` -### Two-way Computed Property +### Propriété calculée bidirectionnelle -Admittedly, the above is quite a bit more verbose than `v-model` + local state, and we lose some of the useful features from `v-model` as well. An alternative approach is using a two-way computed property with a setter: +Admettons tout de même que l'exemple ci-dessus est plus verbeux que le `v-model` couplé à l'état local tout en perdant quelques fonctionnalités pratiques de `v-model` au passage. Une approche alternative consiste à utiliser une propriété calculée bidirectionnelle avec un mutateur : ``` html @@ -58,4 +58,3 @@ computed: { } } ``` - From a07b01f128156ffd1ea73748ad55792e998f8301 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Sat, 17 Jun 2017 12:30:32 +0200 Subject: [PATCH 2/3] Update forms.md Signed-off-by: Bruno Lesieur --- docs/en/SUMMARY.md | 2 +- docs/en/forms.md | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/en/SUMMARY.md b/docs/en/SUMMARY.md index f32a242bc..4fd430d2d 100644 --- a/docs/en/SUMMARY.md +++ b/docs/en/SUMMARY.md @@ -18,7 +18,7 @@ - [Structure d'une application](structure.md) - [Plugins](plugins.md) - [Strict Mode](strict.md) -- [Formulaires](forms.md) +- [Gestion des formulaires](forms.md) - [Tests](testing.md) - [Hot Reloading](hot-reload.md) - [Documentation API](api.md) diff --git a/docs/en/forms.md b/docs/en/forms.md index 3306ad95b..a7a299343 100644 --- a/docs/en/forms.md +++ b/docs/en/forms.md @@ -1,4 +1,4 @@ -# Formulaires +# Gestion des formulaires Lorsque l'on utilise Vuex en mode strict, il peut être compliqué d'utiliser `v-model` sur une partie de l'état qui appartient à Vuex : @@ -8,7 +8,7 @@ Lorsque l'on utilise Vuex en mode strict, il peut être compliqué d'utiliser `v Supposons que `obj` est une propriété calculée qui retourne un objet depuis le store, le `v-model` tentera de muter directement `obj.message` lorsque l'utilisateur saisit du texte dans le champ. En mode strict, cela produira une erreur car la mutation n'est pas effectuée dans un gestionnaire de mutation Vuex explicite. -La « façon Vuex » de gérer ça est de lier la valeur de l'`input` et d'appeler une action sur l'évènement `input` ou `change` : +La Vuex peut gérer ça en liant la valeur de l'`input` et en appelant une action sur l'évènement `input` ou `change` : ``` html From 81afea1e64cadec15bf0c451839d465343ae05d1 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Thu, 22 Jun 2017 10:12:47 +0200 Subject: [PATCH 3/3] Proposition of @kokal added. Signed-off-by: Bruno Lesieur --- docs/en/forms.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/en/forms.md b/docs/en/forms.md index a7a299343..f304def1c 100644 --- a/docs/en/forms.md +++ b/docs/en/forms.md @@ -8,7 +8,7 @@ Lorsque l'on utilise Vuex en mode strict, il peut être compliqué d'utiliser `v Supposons que `obj` est une propriété calculée qui retourne un objet depuis le store, le `v-model` tentera de muter directement `obj.message` lorsque l'utilisateur saisit du texte dans le champ. En mode strict, cela produira une erreur car la mutation n'est pas effectuée dans un gestionnaire de mutation Vuex explicite. -La Vuex peut gérer ça en liant la valeur de l'`input` et en appelant une action sur l'évènement `input` ou `change` : +La « méthode Vuex » pour gérer ça est de lier la valeur de l'`input` et d'appeler une action sur l'évènement `input` ou `change` : ``` html @@ -40,7 +40,7 @@ mutations: { ### Propriété calculée bidirectionnelle -Admettons tout de même que l'exemple ci-dessus est plus verbeux que le `v-model` couplé à l'état local tout en perdant quelques fonctionnalités pratiques de `v-model` au passage. Une approche alternative consiste à utiliser une propriété calculée bidirectionnelle avec un mutateur : +Admettons tout de même que l'exemple ci-dessus est plus verbeux que le `v-model` couplé à l'état local (tout en perdant quelques fonctionnalités pratiques de `v-model` au passage). Une approche alternative consiste à utiliser une propriété calculée bidirectionnelle avec un mutateur : ``` html