From 4a99aa6fe69782cc74e68e4d726b6fc03b10dd75 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Thu, 13 Jul 2017 17:31:55 +0200 Subject: [PATCH 1/4] Traduction de `navigation-guards.md` Signed-off-by: Bruno Lesieur --- docs/en/SUMMARY.md | 2 +- docs/en/advanced/navigation-guards.md | 112 +++++++++++++------------- 2 files changed, 57 insertions(+), 57 deletions(-) diff --git a/docs/en/SUMMARY.md b/docs/en/SUMMARY.md index ef7def6a4..179f5d9d0 100644 --- a/docs/en/SUMMARY.md +++ b/docs/en/SUMMARY.md @@ -16,7 +16,7 @@ - [Passing Props to Route Components (En)](essentials/passing-props.md) - [HTML5 History Mode (En)](essentials/history-mode.md) - Avancé - - [Navigation Guards (En)](advanced/navigation-guards.md) + - [Sécurisations de navigation](advanced/navigation-guards.md) - [Route Meta Fields (En)](advanced/meta.md) - [Transitions (En)](advanced/transitions.md) - [Récupération de données](advanced/data-fetching.md) diff --git a/docs/en/advanced/navigation-guards.md b/docs/en/advanced/navigation-guards.md index 97dfb6903..6577adf1f 100644 --- a/docs/en/advanced/navigation-guards.md +++ b/docs/en/advanced/navigation-guards.md @@ -1,12 +1,12 @@ -# Navigation Guards (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).* +# Sécurisations de navigation -As the name suggests, the navigation guards provided by `vue-router` are primarily used to guard navigations either by redirecting it or canceling it. There are a number of ways to hook into the route navigation process: globally, per-route, or in-component. +Comme le nom le suggère, la sécurisation de navigation fournie par `vue-router` est principalement utilisée pour sécuriser sa navigation avec des redirections ou des annulations d'accès. Il y a plusieurs hooks disponibles lors du processus de navigation : globaux, par routes ou intra-composant. -Remember that **params or query changes won't trigger enter/leave navigation guards**. You can either [watch the `$route` object](../essentials/dynamic-matching.md#reacting-to-params-changes) to react to those changes, or use the `beforeRouteUpdate` in-component guard. +Souvenez-vous de cela : **le changement de paramètre ou de query ne va pas lancer de sécurisation d'entrée ou de sortie de navigation**. Vous pouvez toujours [observer l'objet `$route`](../essentials/dynamic-matching.md#reacting-to-params-changes) pour réagir à ces changements, ou utiliser la fonction `beforeRouteUpdate` d'une sécurisation intra-composant. -### Global Guards +### Sécurisation globale -You can register global before guards using `router.beforeEach`: +Vous pouvez abonner une sécurisation d'entrée en utilisant `router.beforeEach` : ``` js const router = new VueRouter({ ... }) @@ -16,35 +16,35 @@ router.beforeEach((to, from, next) => { }) ``` -Global before guards are called in creation order, whenever a navigation is triggered. Guards may be resolved asynchronously, and the navigation is considered **pending** before all hooks have been resolved. +Les sécurisations d'entrées globales sont appelées lors de l'ordre de création, chaque fois qu'une navigation est déclenchée. Les sécurisations peuvent être résolues de manière asynchrone, et la navigation est considérée comme **en attente** avant que tous les hooks ne soient résolues. -Every guard function receives three arguments: +Chaque fonction de sécurisation reçoit trois arguments : -- **`to: Route`**: the target [Route Object](../api/route-object.md) being navigated to. +- **`to: Route`**: L'[objet `Route`](../api/route-object.md) cible vers lequel on navigue. -- **`from: Route`**: the current route being navigated away from. +- **`from: Route`**: la route courante depuis laquelle nous venons de naviguer. -- **`next: Function`**: this function must be called to **resolve** the hook. The action depends on the arguments provided to `next`: +- **`next: Function`**: cette fonction doit être appelée pour **résoudre** le hook. L'action dépend des arguments fournis à `next`: - - **`next()`**: move on to the next hook in the pipeline. If no hooks are left, the navigation is **confirmed**. + - **`next()`**: se déplacer jusqu'au prochain hook du workflow. S'il ne reste aucun hooks, la navigation est **confirmée**. - - **`next(false)`**: abort the current navigation. If the browser URL was changed (either manually by the user or via back button), it will be reset to that of the `from` route. + - **`next(false)`**: annuler la navigation courante. Si l'URL du navigateur avait changée (manuellement par l'utilisateur ou via le bouton retour du navigateur), elle sera remise à sa valeur de route de `from`. - - **`next('/')` or `next({ path: '/' })`**: redirect to a different location. The current navigation will be aborted and a new one will be started. + - **`next('/')` ou `next({ path: '/' })`**: redirige vers la nouvelle URL. La navigation courante va être arrêtée et une nouvelle va se lancer. - - **`next(error)`**: (2.4.0+) if the argument passed to `next` is an instance of `Error`, the navigation will be aborted and the error will be passed to callbacks registered via `router.onError()`. + - **`next(error)`**: (2.4.0+) si l'argument passé à `next` est une instance de `Error`, la navigation va s'arrêter et l'erreur sera passée aux fonctions de rappel via `router.onError()`. -**Make sure to always call the `next` function, otherwise the hook will never be resolved.** +**Assurez-vous de toujours appeler la fonction `next`, sinon le hook ne sera jamais résolu.** -### Global Resolve Guards +### Résolutions des sécurisations globales -> New in 2.5.0 +> Nouveau dans la 2.5.0 -In 2.5.0+ you can register a global guard with `router.beforeResolve`. This is similar to `router.beforeEach`, with the difference that resolve guards will be called right before the navigation is confirmed, **after all in-component guards and async route components are resolved**. +Dans la 2.5.0+ vous pouvez abonner une sécurisation globale avec `router.beforeResolve`. Ceci est similaire a `router.beforeEach`, mais la différence est qu'elle sera appelée juste après que la navigation soit confirmée, **après que toutes les sécurisations intra-composants et les composants de route asynchrone ai été résolus**. -### Global After Hooks +### Hooks de sortie globaux -You can also register global after hooks, however unlike guards, these hooks do not get a `next` function and cannot affect the navigation: +Vous pouvez également abonner des hooks de sortie, cependant, à la différence des sécurisations, ces hooks ne fournissent pas de fonction `next` et n'affecte pas la navigation : ``` js router.afterEach((to, from) => { @@ -52,9 +52,9 @@ router.afterEach((to, from) => { }) ``` -### Per-Route Guard +### Sécurisation par route -You can define `beforeEnter` guards directly on a route's configuration object: +Vous pouvez définir la sécurisation `beforeEnter` directement sur l'objet de configuration d'une route : ``` js const router = new VueRouter({ @@ -70,65 +70,65 @@ const router = new VueRouter({ }) ``` -These guards have the exact same signature as global before guards. +Ces sécurisations ont exactement le même effet que les sécurisations globales d'entrée. ### Sécurisation intra-composants -Finally, you can directly define route navigation guards inside route components (the ones passed to the router configuration) with the following options: +Enfin, vous pouvez directement définir une sécurisation de navigation a l'intérieur du composant lui-même (celui passer à la configuration du routeur) avec les options suivantes : - `beforeRouteEnter` -- `beforeRouteUpdate` (added in 2.2) +- `beforeRouteUpdate` (ajouté dans la 2.2) - `beforeRouteLeave` ``` js const Foo = { template: `...`, beforeRouteEnter (to, from, next) { - // called before the route that renders this component is confirmed. - // does NOT have access to `this` component instance, - // because it has not been created yet when this guard is called! + // appelée avant que la route vers le composant soit confirmée. + // cette fonction n'a pas accès à l'instance du composant avec `this`, + // car le composant n'a pas encore été créé quand cette sécurisation est appelée ! }, beforeRouteUpdate (to, from, next) { - // called when the route that renders this component has changed, - // but this component is reused in the new route. - // For example, for a route with dynamic params /foo/:id, when we - // navigate between /foo/1 and /foo/2, the same Foo component instance - // will be reused, and this hook will be called when that happens. - // has access to `this` component instance. + // appelée quand la route qui fait le rendu de ce composant change, + // mais que ce composant est utilisé de nouveau dans la nouvelle route. + // Par exemple, pour une route avec le paramètre dynamique `/foo/:id`, quand nous + // naviguons entre `/foo/1` et `/foo/2`, le même instance du composant `Foo` + // va être ré-utilisée, et ce hook va être appelé quand cela arrivera. + // ce hook a accès à l'instance de ce composant via `this`. }, beforeRouteLeave (to, from, next) { - // called when the route that renders this component is about to - // be navigated away from. - // has access to `this` component instance. + // appelée quand la route qui fait le rendu de ce composant est sur le point + // d'être laissée en faveur de la prochaine route. + // elle a accès à l'instance de ce composant via `this`. } } ``` -The `beforeRouteEnter` guard does **NOT** have access to `this`, because the guard is called before the navigation is confirmed, thus the new entering component has not even been created yet. +La sécurisation `beforeRouteEnter` **n'**a **PAS** accès à `this`, car la sécurisation est appelée avant que la navigation soit confirmée, et le nouveau composant entrant n'a même pas encore été crée. -However, you can access the instance by passing a callback to `next`. The callback will be called when the navigation is confirmed, and the component instance will be passed to the callback as the argument: +Cependant, vous pouvez accéder à l'instance en passant dans la fonction de rappel `next`. Cette fonction de rappel va être appelée quand la navigation sera confirmée, et l'instance du composant sera passée à la fonction de rappel en tant qu'argument : ``` js beforeRouteEnter (to, from, next) { next(vm => { - // access to component instance via `vm` + // accèr à l'instance du composant via `vm` }) } ``` -You can directly access `this` inside `beforeRouteLeave`. The leave guard is usually used to prevent the user from accidentally leaving the route with unsaved edits. The navigation can be canceled by calling `next(false)`. - -### The Full Navigation Resolution Flow - -1. Navigation triggered -2. Call leave guards in deactivated components -3. Call global `beforeEach` guards -4. Call `beforeRouteUpdate` guards in reused components (2.2+) -5. Call `beforeEnter` in route configs -6. Resolve async route components -7. Call `beforeRouteEnter` in activated components -8. Call global `beforeResolve` guards (2.5+) -9. Navigation confirmed. -10. Call global `afterEach` hooks. -11. DOM updates triggered. -12. Call callbacks passed to `next` in `beforeRouteEnter` guards with instantiated instances. +Vous pouvez directement accéder à `this` à l'intérieur de `beforeRouteLeave`. La sécurisation de sortie est utilisée pour empêcher l'utilisateur de quitter la route par accident alors qu'il n'a pas sauver ses modifications. La navigation peut être annulée en appelant `next(false)`. + +### Le flux de résolution de navigation complet + +1. La navigation est demandée, +2. Appel de la sécurisation de sortie des composants désactivés (ceux que l'on va quitter), +3. Appel des sécurisations globales `beforeEach`, +4. Appel des sécurisations `beforeRouteUpdate` pour les composants ré-utilisés (2.2+), +5. Appel de `beforeEnter` dans la configuration de route, +6. Résolution des composants de route asynchrones, +7. Appel de `beforeRouteEnter` dans les composants activés (ceux où l'on va arriver), +8. Appel des sécurisations `beforeResolve` (2.5+), +9. Confirmation de la navigation, +10. Appel des hooks globaux `afterEach`, +11. Modification du DOM demandées, +12. Appel des fonctions de rappel passées à `next` dans la sécurisation `beforeRouteEnter` avec l'instance instanciée. From 5e736f4ccd6180d6687e769f35a77b04341c1308 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Thu, 13 Jul 2017 17:35:33 +0200 Subject: [PATCH 2/4] Add some dot Signed-off-by: Bruno Lesieur --- docs/en/advanced/navigation-guards.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/docs/en/advanced/navigation-guards.md b/docs/en/advanced/navigation-guards.md index 6577adf1f..5ae01d0d5 100644 --- a/docs/en/advanced/navigation-guards.md +++ b/docs/en/advanced/navigation-guards.md @@ -120,15 +120,15 @@ Vous pouvez directement accéder à `this` à l'intérieur de `beforeRouteLeave` ### Le flux de résolution de navigation complet -1. La navigation est demandée, -2. Appel de la sécurisation de sortie des composants désactivés (ceux que l'on va quitter), -3. Appel des sécurisations globales `beforeEach`, -4. Appel des sécurisations `beforeRouteUpdate` pour les composants ré-utilisés (2.2+), -5. Appel de `beforeEnter` dans la configuration de route, -6. Résolution des composants de route asynchrones, -7. Appel de `beforeRouteEnter` dans les composants activés (ceux où l'on va arriver), -8. Appel des sécurisations `beforeResolve` (2.5+), -9. Confirmation de la navigation, -10. Appel des hooks globaux `afterEach`, -11. Modification du DOM demandées, +1. La navigation est demandée. +2. Appel de la sécurisation de sortie des composants désactivés (ceux que l'on va quitter). +3. Appel des sécurisations globales `beforeEach`. +4. Appel des sécurisations `beforeRouteUpdate` pour les composants ré-utilisés (2.2+). +5. Appel de `beforeEnter` dans la configuration de route. +6. Résolution des composants de route asynchrones. +7. Appel de `beforeRouteEnter` dans les composants activés (ceux où l'on va arriver). +8. Appel des sécurisations `beforeResolve` (2.5+). +9. Confirmation de la navigation. +10. Appel des hooks globaux `afterEach`. +11. Modification du DOM demandées. 12. Appel des fonctions de rappel passées à `next` dans la sécurisation `beforeRouteEnter` avec l'instance instanciée. From b1a6f5a610cc1077bc83c06fc425f87c4e975edf Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Thu, 13 Jul 2017 17:54:02 +0200 Subject: [PATCH 3/4] =?UTF-8?q?Changement=20de=20s=C3=A9curistation=20pour?= =?UTF-8?q?=20interception?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Bruno Lesieur --- docs/en/SUMMARY.md | 2 +- docs/en/advanced/data-fetching.md | 4 +-- docs/en/advanced/navigation-guards.md | 46 +++++++++++++------------- docs/en/api/component-injections.md | 2 +- docs/en/api/route-object.md | 2 +- docs/en/api/router-instance.md | 8 ++--- docs/en/essentials/dynamic-matching.md | 2 +- 7 files changed, 33 insertions(+), 33 deletions(-) diff --git a/docs/en/SUMMARY.md b/docs/en/SUMMARY.md index 179f5d9d0..115e6e28d 100644 --- a/docs/en/SUMMARY.md +++ b/docs/en/SUMMARY.md @@ -16,7 +16,7 @@ - [Passing Props to Route Components (En)](essentials/passing-props.md) - [HTML5 History Mode (En)](essentials/history-mode.md) - Avancé - - [Sécurisations de navigation](advanced/navigation-guards.md) + - [Interceptions de navigation](advanced/navigation-guards.md) - [Route Meta Fields (En)](advanced/meta.md) - [Transitions (En)](advanced/transitions.md) - [Récupération de données](advanced/data-fetching.md) diff --git a/docs/en/advanced/data-fetching.md b/docs/en/advanced/data-fetching.md index 98f3bea71..8ff6c4072 100644 --- a/docs/en/advanced/data-fetching.md +++ b/docs/en/advanced/data-fetching.md @@ -4,7 +4,7 @@ Parfois vous avez besoin de récupérer des données depuis le serveur lorsqu'un - **Récupération de donnée après la navigation** : effectue la navigation en premier, et récupère les données dans le hook entrant du cycle de vie d'un composant. Affiche un état de chargement pendant que les données sont en train d'être récupérées. -- **Récupération de donnée avant la navigation** : récupère les données avant la navigation dans la fonction de sécurisation d'entrée de la route, et effectue la navigation après que les données aient été récupérées. +- **Récupération de donnée avant la navigation** : récupère les données avant la navigation dans la fonction d'interception d'entrée de la route, et effectue la navigation après que les données aient été récupérées. Techniquement, les deux choix sont valides. Cela dépend de l'expérience utilisateur que vous souhaitez apporter. @@ -71,7 +71,7 @@ export default { ## Récupération de données avant la navigation -Avec cette approche, nous récupérerons les données avant de naviguer vers la nouvelle route. Nous pouvons effectuer la récupération de données dans la fonction de sécurisation `beforeRouteEnter` du composant à venir, et seulement appeler `next` lorsque la récupération est terminée : +Avec cette approche, nous récupérerons les données avant de naviguer vers la nouvelle route. Nous pouvons effectuer la récupération de données dans la fonction d'interception `beforeRouteEnter` du composant à venir, et seulement appeler `next` lorsque la récupération est terminée : ``` js export default { diff --git a/docs/en/advanced/navigation-guards.md b/docs/en/advanced/navigation-guards.md index 5ae01d0d5..77c0bbc50 100644 --- a/docs/en/advanced/navigation-guards.md +++ b/docs/en/advanced/navigation-guards.md @@ -1,12 +1,12 @@ -# Sécurisations de navigation +# Interceptions de navigation -Comme le nom le suggère, la sécurisation de navigation fournie par `vue-router` est principalement utilisée pour sécuriser sa navigation avec des redirections ou des annulations d'accès. Il y a plusieurs hooks disponibles lors du processus de navigation : globaux, par routes ou intra-composant. +Comme le nom le suggère, l'interception de navigation fournie par `vue-router` est principalement utilisée pour intercepter la navigation avec des redirections ou des annulations d'accès. Il y a plusieurs hooks disponibles lors du processus de navigation : globaux, par route ou par composant. -Souvenez-vous de cela : **le changement de paramètre ou de query ne va pas lancer de sécurisation d'entrée ou de sortie de navigation**. Vous pouvez toujours [observer l'objet `$route`](../essentials/dynamic-matching.md#reacting-to-params-changes) pour réagir à ces changements, ou utiliser la fonction `beforeRouteUpdate` d'une sécurisation intra-composant. +Souvenez-vous de cela : **le changement de paramètre ou de query ne va pas lancer d'interception d'entrée ou de sortie de navigation**. Vous pouvez toujours [observer l'objet `$route`](../essentials/dynamic-matching.md#reacting-to-params-changes) pour réagir à ces changements, ou utiliser la fonction `beforeRouteUpdate` d'une interception par composant. -### Sécurisation globale +### Interception globale -Vous pouvez abonner une sécurisation d'entrée en utilisant `router.beforeEach` : +Vous pouvez abonner une interception d'entrée en utilisant `router.beforeEach` : ``` js const router = new VueRouter({ ... }) @@ -16,9 +16,9 @@ router.beforeEach((to, from, next) => { }) ``` -Les sécurisations d'entrées globales sont appelées lors de l'ordre de création, chaque fois qu'une navigation est déclenchée. Les sécurisations peuvent être résolues de manière asynchrone, et la navigation est considérée comme **en attente** avant que tous les hooks ne soient résolues. +Les interceptions d'entrées globales sont appelées lors de l'ordre de création, chaque fois qu'une navigation est déclenchée. Les interceptions peuvent être résolues de manière asynchrone, et la navigation est considérée comme **en attente** avant que tous les hooks ne soient résolues. -Chaque fonction de sécurisation reçoit trois arguments : +Chaque fonction d'interception reçoit trois arguments : - **`to: Route`**: L'[objet `Route`](../api/route-object.md) cible vers lequel on navigue. @@ -36,15 +36,15 @@ Chaque fonction de sécurisation reçoit trois arguments : **Assurez-vous de toujours appeler la fonction `next`, sinon le hook ne sera jamais résolu.** -### Résolutions des sécurisations globales +### Résolutions des interceptions globales > Nouveau dans la 2.5.0 -Dans la 2.5.0+ vous pouvez abonner une sécurisation globale avec `router.beforeResolve`. Ceci est similaire a `router.beforeEach`, mais la différence est qu'elle sera appelée juste après que la navigation soit confirmée, **après que toutes les sécurisations intra-composants et les composants de route asynchrone ai été résolus**. +Dans la 2.5.0+ vous pouvez abonner une interception globale avec `router.beforeResolve`. Ceci est similaire a `router.beforeEach`, mais la différence est qu'elle sera appelée juste après que la navigation soit confirmée, **après que toutes les interceptions par composants et les composants de route asynchrone ai été résolus**. ### Hooks de sortie globaux -Vous pouvez également abonner des hooks de sortie, cependant, à la différence des sécurisations, ces hooks ne fournissent pas de fonction `next` et n'affecte pas la navigation : +Vous pouvez également abonner des hooks de sortie, cependant, à la différence des interceptions, ces hooks ne fournissent pas de fonction `next` et n'affecte pas la navigation : ``` js router.afterEach((to, from) => { @@ -52,9 +52,9 @@ router.afterEach((to, from) => { }) ``` -### Sécurisation par route +### Interception par route -Vous pouvez définir la sécurisation `beforeEnter` directement sur l'objet de configuration d'une route : +Vous pouvez définir la interception `beforeEnter` directement sur l'objet de configuration d'une route : ``` js const router = new VueRouter({ @@ -70,11 +70,11 @@ const router = new VueRouter({ }) ``` -Ces sécurisations ont exactement le même effet que les sécurisations globales d'entrée. +Ces interceptions ont exactement le même effet que les interceptions globales d'entrée. -### Sécurisation intra-composants +### Interception par composant -Enfin, vous pouvez directement définir une sécurisation de navigation a l'intérieur du composant lui-même (celui passer à la configuration du routeur) avec les options suivantes : +Enfin, vous pouvez directement définir une interception de navigation a l'intérieur du composant lui-même (celui passer à la configuration du routeur) avec les options suivantes : - `beforeRouteEnter` - `beforeRouteUpdate` (ajouté dans la 2.2) @@ -86,7 +86,7 @@ const Foo = { beforeRouteEnter (to, from, next) { // appelée avant que la route vers le composant soit confirmée. // cette fonction n'a pas accès à l'instance du composant avec `this`, - // car le composant n'a pas encore été créé quand cette sécurisation est appelée ! + // car le composant n'a pas encore été créé quand cette interception est appelée ! }, beforeRouteUpdate (to, from, next) { // appelée quand la route qui fait le rendu de ce composant change, @@ -104,7 +104,7 @@ const Foo = { } ``` -La sécurisation `beforeRouteEnter` **n'**a **PAS** accès à `this`, car la sécurisation est appelée avant que la navigation soit confirmée, et le nouveau composant entrant n'a même pas encore été crée. +L'interception `beforeRouteEnter` **n'**a **PAS** accès à `this`, car l'interception est appelée avant que la navigation soit confirmée, et le nouveau composant entrant n'a même pas encore été crée. Cependant, vous pouvez accéder à l'instance en passant dans la fonction de rappel `next`. Cette fonction de rappel va être appelée quand la navigation sera confirmée, et l'instance du composant sera passée à la fonction de rappel en tant qu'argument : @@ -116,19 +116,19 @@ beforeRouteEnter (to, from, next) { } ``` -Vous pouvez directement accéder à `this` à l'intérieur de `beforeRouteLeave`. La sécurisation de sortie est utilisée pour empêcher l'utilisateur de quitter la route par accident alors qu'il n'a pas sauver ses modifications. La navigation peut être annulée en appelant `next(false)`. +Vous pouvez directement accéder à `this` à l'intérieur de `beforeRouteLeave`. L'interception de sortie est utilisée pour empêcher l'utilisateur de quitter la route par accident alors qu'il n'a pas sauver ses modifications. La navigation peut être annulée en appelant `next(false)`. ### Le flux de résolution de navigation complet 1. La navigation est demandée. -2. Appel de la sécurisation de sortie des composants désactivés (ceux que l'on va quitter). -3. Appel des sécurisations globales `beforeEach`. -4. Appel des sécurisations `beforeRouteUpdate` pour les composants ré-utilisés (2.2+). +2. Appel de la interception de sortie des composants désactivés (ceux que l'on va quitter). +3. Appel des interceptions globales `beforeEach`. +4. Appel des interceptions `beforeRouteUpdate` pour les composants ré-utilisés (2.2+). 5. Appel de `beforeEnter` dans la configuration de route. 6. Résolution des composants de route asynchrones. 7. Appel de `beforeRouteEnter` dans les composants activés (ceux où l'on va arriver). -8. Appel des sécurisations `beforeResolve` (2.5+). +8. Appel des interceptions `beforeResolve` (2.5+). 9. Confirmation de la navigation. 10. Appel des hooks globaux `afterEach`. 11. Modification du DOM demandées. -12. Appel des fonctions de rappel passées à `next` dans la sécurisation `beforeRouteEnter` avec l'instance instanciée. +12. Appel des fonctions de rappel passées à `next` dans l'interception `beforeRouteEnter` avec l'instance instanciée. diff --git a/docs/en/api/component-injections.md b/docs/en/api/component-injections.md index c98415a6b..c9f020a8b 100644 --- a/docs/en/api/component-injections.md +++ b/docs/en/api/component-injections.md @@ -18,4 +18,4 @@ Ces propriétés sont injectées dans chacun des composants enfants, en passant - **beforeRouteUpdate** (ajouté en 2.2) - **beforeRouteLeave** - Voir la [Sécurisation intra-composants](../advanced/navigation-guards.md#securisation-intra-composants). + Voir l'[interception par composant](../advanced/navigation-guards.md#securisation-par-composant). diff --git a/docs/en/api/route-object.md b/docs/en/api/route-object.md index fb9696c34..8912738c5 100644 --- a/docs/en/api/route-object.md +++ b/docs/en/api/route-object.md @@ -12,7 +12,7 @@ L'objet `Route` peut être trouvé à plusieurs endroits : - Comme valeur de retour après l'appel de `router.match(location)` -- À l'intérieur des fonctions de sécurisation de la navigation, dans les deux premiers paramètres de la fonction : +- À l'intérieur des fonctions d'interception de la navigation, dans les deux premiers paramètres de la fonction : ``` js router.beforeEach((to, from, next) => { diff --git a/docs/en/api/router-instance.md b/docs/en/api/router-instance.md index 21ab70565..c175bdbd7 100644 --- a/docs/en/api/router-instance.md +++ b/docs/en/api/router-instance.md @@ -26,9 +26,9 @@ - **router.beforeResolve(guard)** (2.5.0+) - **router.afterEach(hook)** - Ajout de sécurités globales de navigation. Voir les [sécurités de navigation](../advanced/navigation-guards.md). + Ajout des interceptions globales de navigation. Voir les [Interceptions de navigation](../advanced/navigation-guards.md). - Dans la version 2.5.0+, ces trois méthodes retournent une fonction qui enlève les fonctions de sécurisations et hooks enregistrés. + Dans la version 2.5.0+, ces trois méthodes retournent une fonction qui enlève les fonctions d'interception et hooks enregistrés. - **router.push(location, onComplete?, onAbort?)** - **router.replace(location, onComplete?, onAbort?)** @@ -81,8 +81,8 @@ Enregistre une fonction de rappel qui sera appelée lorsqu'une erreur sera capturée pendant la navigation vers une route. Notez que pour qu'une erreur soit appelée, cela doit correspondre à l'un des scénarios suivants : - - L'erreur est lancée de manière synchrone à l'intérieur d'une fonction de sécurisation de route ; + - L'erreur est lancée de manière synchrone à l'intérieur d'une fonction d'interception de route ; - - L'erreur est capturée et traitée de manière asynchrone en appelant `next(err)` à l'intérieur d'une fonction de sécurisation de route ; + - L'erreur est capturée et traitée de manière asynchrone en appelant `next(err)` à l'intérieur d'une fonction de d'interception de route ; - Une erreur est survenue pendant la résolution d'un composant asynchrone qui est requis pour faire le rendu d'une route. diff --git a/docs/en/essentials/dynamic-matching.md b/docs/en/essentials/dynamic-matching.md index e764e8e49..eb84c6aff 100644 --- a/docs/en/essentials/dynamic-matching.md +++ b/docs/en/essentials/dynamic-matching.md @@ -53,7 +53,7 @@ const User = { } ``` -Ou utiliser la fonction de sécurisation `beforeRouteUpdate` introduite avec la 2.2 : +Ou utiliser la fonction d'interception `beforeRouteUpdate` introduite avec la 2.2 : ``` js const User = { From 2641f855cbc0ec91a0ba12a6506b719c916fad4f Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Sat, 15 Jul 2017 16:43:39 +0200 Subject: [PATCH 4/4] Review de @Kocal Signed-off-by: Bruno Lesieur --- docs/en/SUMMARY.md | 2 +- docs/en/advanced/navigation-guards.md | 2 +- docs/en/api/router-instance.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/en/SUMMARY.md b/docs/en/SUMMARY.md index 115e6e28d..30ed7f529 100644 --- a/docs/en/SUMMARY.md +++ b/docs/en/SUMMARY.md @@ -16,7 +16,7 @@ - [Passing Props to Route Components (En)](essentials/passing-props.md) - [HTML5 History Mode (En)](essentials/history-mode.md) - Avancé - - [Interceptions de navigation](advanced/navigation-guards.md) + - [Intercepteurs de navigation](advanced/navigation-guards.md) - [Route Meta Fields (En)](advanced/meta.md) - [Transitions (En)](advanced/transitions.md) - [Récupération de données](advanced/data-fetching.md) diff --git a/docs/en/advanced/navigation-guards.md b/docs/en/advanced/navigation-guards.md index 77c0bbc50..766bc9832 100644 --- a/docs/en/advanced/navigation-guards.md +++ b/docs/en/advanced/navigation-guards.md @@ -1,4 +1,4 @@ -# Interceptions de navigation +# Intercepteurs de navigation Comme le nom le suggère, l'interception de navigation fournie par `vue-router` est principalement utilisée pour intercepter la navigation avec des redirections ou des annulations d'accès. Il y a plusieurs hooks disponibles lors du processus de navigation : globaux, par route ou par composant. diff --git a/docs/en/api/router-instance.md b/docs/en/api/router-instance.md index c175bdbd7..e7714991b 100644 --- a/docs/en/api/router-instance.md +++ b/docs/en/api/router-instance.md @@ -26,7 +26,7 @@ - **router.beforeResolve(guard)** (2.5.0+) - **router.afterEach(hook)** - Ajout des interceptions globales de navigation. Voir les [Interceptions de navigation](../advanced/navigation-guards.md). + Ajout des interceptions globales de navigation. Voir les [Intercepteurs de navigation](../advanced/navigation-guards.md). Dans la version 2.5.0+, ces trois méthodes retournent une fonction qui enlève les fonctions d'interception et hooks enregistrés.