From dd4240c100d4aa76554177e1e9815dc9b8ba931d Mon Sep 17 00:00:00 2001 From: Hugo Alliaume Date: Fri, 26 May 2017 06:25:00 +0200 Subject: [PATCH 1/3] Traduction de `advanced/transitions.md` --- docs/en/SUMMARY.md | 2 +- docs/en/advanced/transitions.md | 22 +++++++++++----------- 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/docs/en/SUMMARY.md b/docs/en/SUMMARY.md index b318f5244..abfdb79cb 100644 --- a/docs/en/SUMMARY.md +++ b/docs/en/SUMMARY.md @@ -18,7 +18,7 @@ - Avancé - [Navigation Guards (En)](advanced/navigation-guards.md) - [Route Meta Fields (En)](advanced/meta.md) - - [Transitions (En)](advanced/transitions.md) + - [Les transitions](advanced/transitions.md) - [Data Fetching (En)](advanced/data-fetching.md) - [Scroll Behavior (En)](advanced/scroll-behavior.md) - [Lazy Loading (En)](advanced/lazy-loading.md) diff --git a/docs/en/advanced/transitions.md b/docs/en/advanced/transitions.md index 240fe676e..93fd1d27e 100644 --- a/docs/en/advanced/transitions.md +++ b/docs/en/advanced/transitions.md @@ -1,6 +1,6 @@ -# Transitions (En)

*Cette page est en cours de traduction française. Revenez une autre fois pour lire une traduction achevée ou [participez à la traduction française ici](https://github.com/vuejs-fr/vue-router).* +# Les transitions -Since the `` is essentially a dynamic component, we can apply transition effects to it the same way using the `` component: +Vu que `` est essentiellement un composant dynamique, on peut lui appliquer certains effets de transitions en utilisant le composant `` : ``` html @@ -8,11 +8,11 @@ Since the `` is essentially a dynamic component, we can apply trans ``` -[Everything about ``](http://vuejs.org/guide/transitions.html) works the same here. +[Tout à propos de ``](http://vuejs.org/guide/transitions.html) fonctionne également ici de la même manière. -### Per-Route Transition +### Transition par route -The above usage will apply the same transition for all routes. If you want each route's component to have different transitions, you can instead use `` with different names inside each route component: +L'utilisation au dessus applique la même transition pour chaque route. Si vous voulez que les composants de route aient des transitions différentes, vous pouvez utiliser à la place `` avec des différents noms à l'intérieur de chaque composant de route : ``` js const Foo = { @@ -32,20 +32,20 @@ const Bar = { } ``` -### Route-Based Dynamic Transition +# Transition dynamique basée sur la route -It is also possible to determine the transition to use dynamically based on the relationship between the target route and current route: +Il est aussi possible de déterminer la transition à utiliser en se basant sur la relation entre la route cible et la route actuelle : ``` html - + ``` ``` js -// then, in the parent component, -// watch the $route to determine the transition to use +// et dans le composant parent, +// on observe la $route pour déterminer la transition à utiliser watch: { '$route' (to, from) { const toDepth = to.path.split('/').length @@ -55,4 +55,4 @@ watch: { } ``` -See full example [here](https://github.com/vuejs/vue-router/blob/dev/examples/transitions/app.js). +Voir un exemple complet [ici](https://github.com/vuejs/vue-router/blob/dev/examples/transitions/app.js). From 316e6e95f935cc374a9eb448591b1517e75a897b Mon Sep 17 00:00:00 2001 From: Hugo Alliaume Date: Sat, 27 May 2017 15:27:54 +0200 Subject: [PATCH 2/3] =?UTF-8?q?Modifications=20suite=20=C3=A0=20la=201?= =?UTF-8?q?=C3=A8re=20review=20de=20@Haeresis?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/en/advanced/transitions.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/en/advanced/transitions.md b/docs/en/advanced/transitions.md index 93fd1d27e..b28ab28a4 100644 --- a/docs/en/advanced/transitions.md +++ b/docs/en/advanced/transitions.md @@ -8,11 +8,11 @@ Vu que `` est essentiellement un composant dynamique, on peut lui a ``` -[Tout à propos de ``](http://vuejs.org/guide/transitions.html) fonctionne également ici de la même manière. +[Tout à propos de ``](http://fr.vuejs.org/v2/guide/transitions.html) fonctionne également ici de la même manière. ### Transition par route -L'utilisation au dessus applique la même transition pour chaque route. Si vous voulez que les composants de route aient des transitions différentes, vous pouvez utiliser à la place `` avec des différents noms à l'intérieur de chaque composant de route : +L'utilisation au dessus applique la même transition pour chaque route. Si vous voulez que les composants de route aient des transitions différentes, vous pouvez utiliser à la place `` avec des noms différents à l'intérieur de chaque composant de route : ``` js const Foo = { @@ -37,7 +37,7 @@ const Bar = { Il est aussi possible de déterminer la transition à utiliser en se basant sur la relation entre la route cible et la route actuelle : ``` html - + @@ -45,7 +45,7 @@ Il est aussi possible de déterminer la transition à utiliser en se basant sur ``` js // et dans le composant parent, -// on observe la $route pour déterminer la transition à utiliser +// observer la $route pour déterminer la transition à utiliser watch: { '$route' (to, from) { const toDepth = to.path.split('/').length From 875bcdcfdec52a81edaac6ec2d60861fa07db9d8 Mon Sep 17 00:00:00 2001 From: Hugo Alliaume Date: Sat, 27 May 2017 16:24:27 +0200 Subject: [PATCH 3/3] =?UTF-8?q?Modifications=20suite=20=C3=A0=20la=202?= =?UTF-8?q?=C3=A8me=20review=20de=20Haeresis?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/en/advanced/transitions.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/en/advanced/transitions.md b/docs/en/advanced/transitions.md index b28ab28a4..d90dc45cc 100644 --- a/docs/en/advanced/transitions.md +++ b/docs/en/advanced/transitions.md @@ -45,7 +45,7 @@ Il est aussi possible de déterminer la transition à utiliser en se basant sur ``` js // et dans le composant parent, -// observer la $route pour déterminer la transition à utiliser +// observer la `$route` pour déterminer la transition à utiliser watch: { '$route' (to, from) { const toDepth = to.path.split('/').length