Skip to content

Commit b1a6f5a

Browse files
committed
Changement de sécuristation pour interception
Signed-off-by: Bruno Lesieur <[email protected]>
1 parent 5e736f4 commit b1a6f5a

File tree

7 files changed

+33
-33
lines changed

7 files changed

+33
-33
lines changed

docs/en/SUMMARY.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
- [Passing Props to Route Components (En)](essentials/passing-props.md)
1717
- [HTML5 History Mode (En)](essentials/history-mode.md)
1818
- Avancé
19-
- [Sécurisations de navigation](advanced/navigation-guards.md)
19+
- [Interceptions de navigation](advanced/navigation-guards.md)
2020
- [Route Meta Fields (En)](advanced/meta.md)
2121
- [Transitions (En)](advanced/transitions.md)
2222
- [Récupération de données](advanced/data-fetching.md)

docs/en/advanced/data-fetching.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ Parfois vous avez besoin de récupérer des données depuis le serveur lorsqu'un
44

55
- **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.
66

7-
- **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.
7+
- **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.
88

99
Techniquement, les deux choix sont valides. Cela dépend de l'expérience utilisateur que vous souhaitez apporter.
1010

@@ -71,7 +71,7 @@ export default {
7171

7272
## Récupération de données avant la navigation
7373

74-
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 :
74+
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 :
7575

7676
``` js
7777
export default {

docs/en/advanced/navigation-guards.md

+23-23
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
# Sécurisations de navigation
1+
# Interceptions de navigation
22

3-
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.
3+
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.
44

5-
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.
5+
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.
66

7-
### Sécurisation globale
7+
### Interception globale
88

9-
Vous pouvez abonner une sécurisation d'entrée en utilisant `router.beforeEach` :
9+
Vous pouvez abonner une interception d'entrée en utilisant `router.beforeEach` :
1010

1111
``` js
1212
const router = new VueRouter({ ... })
@@ -16,9 +16,9 @@ router.beforeEach((to, from, next) => {
1616
})
1717
```
1818

19-
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.
19+
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.
2020

21-
Chaque fonction de sécurisation reçoit trois arguments :
21+
Chaque fonction d'interception reçoit trois arguments :
2222

2323
- **`to: Route`**: L'[objet `Route`](../api/route-object.md) cible vers lequel on navigue.
2424

@@ -36,25 +36,25 @@ Chaque fonction de sécurisation reçoit trois arguments :
3636

3737
**Assurez-vous de toujours appeler la fonction `next`, sinon le hook ne sera jamais résolu.**
3838

39-
### Résolutions des sécurisations globales
39+
### Résolutions des interceptions globales
4040

4141
> Nouveau dans la 2.5.0
4242
43-
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**.
43+
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**.
4444

4545
### Hooks de sortie globaux
4646

47-
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 :
47+
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 :
4848

4949
``` js
5050
router.afterEach((to, from) => {
5151
// ...
5252
})
5353
```
5454

55-
### Sécurisation par route
55+
### Interception par route
5656

57-
Vous pouvez définir la sécurisation `beforeEnter` directement sur l'objet de configuration d'une route :
57+
Vous pouvez définir la interception `beforeEnter` directement sur l'objet de configuration d'une route :
5858

5959
``` js
6060
const router = new VueRouter({
@@ -70,11 +70,11 @@ const router = new VueRouter({
7070
})
7171
```
7272

73-
Ces sécurisations ont exactement le même effet que les sécurisations globales d'entrée.
73+
Ces interceptions ont exactement le même effet que les interceptions globales d'entrée.
7474

75-
### Sécurisation intra-composants
75+
### Interception par composant
7676

77-
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 :
77+
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 :
7878

7979
- `beforeRouteEnter`
8080
- `beforeRouteUpdate` (ajouté dans la 2.2)
@@ -86,7 +86,7 @@ const Foo = {
8686
beforeRouteEnter (to, from, next) {
8787
// appelée avant que la route vers le composant soit confirmée.
8888
// cette fonction n'a pas accès à l'instance du composant avec `this`,
89-
// car le composant n'a pas encore été créé quand cette sécurisation est appelée !
89+
// car le composant n'a pas encore été créé quand cette interception est appelée !
9090
},
9191
beforeRouteUpdate (to, from, next) {
9292
// appelée quand la route qui fait le rendu de ce composant change,
@@ -104,7 +104,7 @@ const Foo = {
104104
}
105105
```
106106

107-
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.
107+
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.
108108

109109
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 :
110110

@@ -116,19 +116,19 @@ beforeRouteEnter (to, from, next) {
116116
}
117117
```
118118

119-
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)`.
119+
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)`.
120120

121121
### Le flux de résolution de navigation complet
122122

123123
1. La navigation est demandée.
124-
2. Appel de la sécurisation de sortie des composants désactivés (ceux que l'on va quitter).
125-
3. Appel des sécurisations globales `beforeEach`.
126-
4. Appel des sécurisations `beforeRouteUpdate` pour les composants ré-utilisés (2.2+).
124+
2. Appel de la interception de sortie des composants désactivés (ceux que l'on va quitter).
125+
3. Appel des interceptions globales `beforeEach`.
126+
4. Appel des interceptions `beforeRouteUpdate` pour les composants ré-utilisés (2.2+).
127127
5. Appel de `beforeEnter` dans la configuration de route.
128128
6. Résolution des composants de route asynchrones.
129129
7. Appel de `beforeRouteEnter` dans les composants activés (ceux où l'on va arriver).
130-
8. Appel des sécurisations `beforeResolve` (2.5+).
130+
8. Appel des interceptions `beforeResolve` (2.5+).
131131
9. Confirmation de la navigation.
132132
10. Appel des hooks globaux `afterEach`.
133133
11. Modification du DOM demandées.
134-
12. Appel des fonctions de rappel passées à `next` dans la sécurisation `beforeRouteEnter` avec l'instance instanciée.
134+
12. Appel des fonctions de rappel passées à `next` dans l'interception `beforeRouteEnter` avec l'instance instanciée.

docs/en/api/component-injections.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,4 +18,4 @@ Ces propriétés sont injectées dans chacun des composants enfants, en passant
1818
- **beforeRouteUpdate** (ajouté en 2.2)
1919
- **beforeRouteLeave**
2020

21-
Voir la [Sécurisation intra-composants](../advanced/navigation-guards.md#securisation-intra-composants).
21+
Voir l'[interception par composant](../advanced/navigation-guards.md#securisation-par-composant).

docs/en/api/route-object.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ L'objet `Route` peut être trouvé à plusieurs endroits :
1212

1313
- Comme valeur de retour après l'appel de `router.match(location)`
1414

15-
- À l'intérieur des fonctions de sécurisation de la navigation, dans les deux premiers paramètres de la fonction :
15+
- À l'intérieur des fonctions d'interception de la navigation, dans les deux premiers paramètres de la fonction :
1616

1717
``` js
1818
router.beforeEach((to, from, next) => {

docs/en/api/router-instance.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,9 @@
2626
- **router.beforeResolve(guard)** (2.5.0+)
2727
- **router.afterEach(hook)**
2828

29-
Ajout de sécurités globales de navigation. Voir les [sécurités de navigation](../advanced/navigation-guards.md).
29+
Ajout des interceptions globales de navigation. Voir les [Interceptions de navigation](../advanced/navigation-guards.md).
3030

31-
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.
31+
Dans la version 2.5.0+, ces trois méthodes retournent une fonction qui enlève les fonctions d'interception et hooks enregistrés.
3232

3333
- **router.push(location, onComplete?, onAbort?)**
3434
- **router.replace(location, onComplete?, onAbort?)**
@@ -81,8 +81,8 @@
8181
8282
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 :
8383

84-
- L'erreur est lancée de manière synchrone à l'intérieur d'une fonction de sécurisation de route ;
84+
- L'erreur est lancée de manière synchrone à l'intérieur d'une fonction d'interception de route ;
8585

86-
- 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 ;
86+
- 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 ;
8787

8888
- Une erreur est survenue pendant la résolution d'un composant asynchrone qui est requis pour faire le rendu d'une route.

docs/en/essentials/dynamic-matching.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ const User = {
5353
}
5454
```
5555

56-
Ou utiliser la fonction de sécurisation `beforeRouteUpdate` introduite avec la 2.2 :
56+
Ou utiliser la fonction d'interception `beforeRouteUpdate` introduite avec la 2.2 :
5757

5858
``` js
5959
const User = {

0 commit comments

Comments
 (0)