You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/fr/advanced/data-fetching.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -2,9 +2,9 @@
2
2
3
3
Parfois vous avez besoin de récupérer des données depuis le serveur lorsqu'une route est activée. Par exemple, avant de faire le rendu d'un profil utilisateur, vous avez besoin de récupérer les données de l'utilisateur depuis le serveur. Nous pouvons y parvenir de deux façons différentes :
4
4
5
-
-**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.
5
+
-**Récupération de données 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.
6
6
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.
7
+
-**Récupération de données 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.
8
8
9
9
Techniquement, les deux choix sont valides. Cela dépend de l'expérience utilisateur que vous souhaitez apporter.
10
10
@@ -71,7 +71,7 @@ export default {
71
71
72
72
## Récupération de données avant la navigation
73
73
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 :
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 :
Copy file name to clipboardExpand all lines: docs/fr/advanced/meta.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -27,7 +27,7 @@ Tout d'abord, chaque objet route dans la configuration de `routes` est appelé u
27
27
28
28
Par exemple, avec la configuration de route ci-dessous, l'URL `/foo/bar` va concorder avec le registre parent et le registre enfant.
29
29
30
-
Tous les registres concordant avec une route sont exposés dans l'objet `$route` (ainsi que les objets de route dans les sécurisations de navigation) dans le tableau `$route.matched`. Donc, nous devons itérer à travers `$route.matched` pour vérifier les champs meta dans les registres de route.
30
+
Tous les registres concordants avec une route sont exposés dans l'objet `$route` (ainsi que les objets de route dans les sécurisations de navigation) dans le tableau `$route.matched`. Donc, nous devons itérer à travers `$route.matched` pour vérifier les champs meta dans les registres de route.
31
31
32
32
Un exemple concret est la vérification d'un champ meta dans une interception de navigation globale :
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.
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ésolus.
20
20
21
21
Chaque fonction d'interception reçoit trois arguments :
22
22
@@ -26,7 +26,7 @@ Chaque fonction d'interception reçoit trois arguments :
26
26
27
27
-**`next: Function`**: cette fonction doit être appelée pour **résoudre** le hook. L'action dépend des arguments fournis à `next`:
28
28
29
-
-**`next()`**: se déplacer jusqu'au prochain hook du workflow. S'il ne reste aucun hooks, la navigation est **confirmée**.
29
+
-**`next()`**: se déplacer jusqu'au prochain hook du workflow. S'il ne reste aucun hook, la navigation est **confirmée**.
30
30
31
31
-**`next(false)`**: annuler la navigation courante. Si l'URL du navigateur avait changé (manuellement par l'utilisateur ou via le bouton retour du navigateur), il sera remis à sa valeur de route de `from`.
32
32
@@ -40,7 +40,7 @@ Chaque fonction d'interception reçoit trois arguments :
40
40
41
41
> Nouveau dans la 2.5.0
42
42
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**.
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 ait été résolu**.
Vous pouvez définir la interception `beforeEnter` directement sur l'objet de configuration d'une route :
57
+
Vous pouvez définir l'interception `beforeEnter` directement sur l'objet de configuration d'une route :
58
58
59
59
```js
60
60
constrouter=newVueRouter({
@@ -93,7 +93,7 @@ const Foo = {
93
93
// mais que ce composant est utilisé de nouveau dans la nouvelle route.
94
94
// Par exemple, pour une route avec le paramètre dynamique `/foo/:id`, quand nous
95
95
// naviguons entre `/foo/1` et `/foo/2`, la même instance du composant `Foo`
96
-
// va être ré-utilisée, et ce hook va être appelé quand cela arrivera.
96
+
// va être réutilisée, et ce hook va être appelé quand cela arrivera.
97
97
// ce hook a accès à l'instance de ce composant via `this`.
98
98
},
99
99
beforeRouteLeave (to, from, next) {
@@ -104,7 +104,7 @@ const Foo = {
104
104
}
105
105
```
106
106
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.
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éé.
108
108
109
109
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 :
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)`.
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 sauvé ses modifications. La navigation peut être annulée en appelant `next(false)`.
120
120
121
121
### Le flux de résolution de navigation complet
122
122
123
123
1. La navigation est demandée.
124
-
2. Appel de la interception de sortie des composants désactivés (ceux que l'on va quitter).
124
+
2. Appel de l'interception de sortie des composants désactivés (ceux que l'on va quitter).
125
125
3. Appel des interceptions globales `beforeEach`.
126
-
4. Appel des interceptions `beforeRouteUpdate` pour les composants ré-utilisés (2.2+).
126
+
4. Appel des interceptions `beforeRouteUpdate` pour les composants réutilisés (2.2+).
127
127
5. Appel de `beforeEnter` dans la configuration de route.
128
128
6. Résolution des composants de route asynchrones.
129
129
7. Appel de `beforeRouteEnter` dans les composants activés (ceux où l'on va arriver).
130
130
8. Appel des interceptions `beforeResolve` (2.5+).
131
131
9. Confirmation de la navigation.
132
132
10. Appel des hooks globaux `afterEach`.
133
-
11. Modification du DOM demandées.
133
+
11. Modification du DOM demandée.
134
134
12. Appel des fonctions de rappel passées à `next` dans l'interception `beforeRouteEnter` avec l'instance instanciée.
Copy file name to clipboardExpand all lines: docs/fr/advanced/transitions.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ Vu que `<router-view>` est essentiellement un composant dynamique, on peut lui a
12
12
13
13
### Transition par route
14
14
15
-
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 `<transition>` avec des noms différents à l'intérieur de chaque composant de route :
15
+
L'utilisation du 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 `<transition>` avec des noms différents à l'intérieur de chaque composant de route :
Copy file name to clipboardExpand all lines: docs/fr/api/options.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -65,7 +65,7 @@
65
65
66
66
- default : `"router-link-exact-active"`
67
67
68
-
Configure de manière globale la classe active par défaut de `<router-link>` lors d'une correspondance exact. Voir aussi [router-link](router-link.md).
68
+
Configure de manière globale la classe active par défaut de `<router-link>` lors d'une correspondance exacte. Voir aussi [router-link](router-link.md).
69
69
70
70
### scrollBehavior
71
71
@@ -89,7 +89,7 @@
89
89
90
90
- type : `Function`
91
91
92
-
Permet de spécifier des fonctions personnalisées pour formater en objet ou en chaîne de caractères la requête. Surcharge les fonctions par défaut.
92
+
Permets de spécifier des fonctions personnalisées pour formater en objet ou en chaîne de caractères la requête. Surcharge les fonctions par défaut.
93
93
94
94
### fallback
95
95
@@ -99,4 +99,4 @@
99
99
100
100
Contrôle comment le routeur devrait passer en mode `hash` quand le navigateur ne supporte pas `history.pushState`. Par défaut à `true`.
101
101
102
-
Passer cette valeur à `false` va essentiellement faire que la navigation via `router-link` va réclamer un rechargement de page dans IE9. Ceci est utile quand l'application est rendu côté serveur et à besoin de fonctionner dans IE9, car le mode hash ne fonctionne pas avec du SSR.
102
+
Passer cette valeur à `false` va essentiellement faire que la navigation via `router-link` va réclamer un rechargement de page dans IE9. Ceci est utile quand l'application est rendue côté serveur et à besoin de fonctionner dans IE9, car le mode hash ne fonctionne pas avec du SSR.
Copy file name to clipboardExpand all lines: docs/fr/api/route-object.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -36,7 +36,7 @@ L'objet `Route` peut être trouvé à plusieurs endroits :
36
36
37
37
- type : `string`
38
38
39
-
Une chaîne de caractères représentant le chemin de la route en cours, toujours résolue en tant que chemin absolu, ex : `"/foo/bar"`.
39
+
Une chaine de caractères représentant le chemin de la route en cours, toujours résolue en tant que chemin absolu, ex : `"/foo/bar"`.
40
40
41
41
-**$route.params**
42
42
@@ -48,13 +48,13 @@ L'objet `Route` peut être trouvé à plusieurs endroits :
48
48
49
49
- type : `Object`
50
50
51
-
Un objet qui contient des pairs clé/valeur de la requête au format d'une chaîne de caractères. Par exemple, pour un chemin `/foo?user=1`, on aura `$route.query.user == 1`. S'il n'y a pas de requête, alors la valeur sera un objet vide.
51
+
Un objet qui contient des pairs clé/valeur de la requête au format d'une chaine de caractères. Par exemple, pour un chemin `/foo?user=1`, on aura `$route.query.user == 1`. S'il n'y a pas de requête, alors la valeur sera un objet vide.
52
52
53
53
-**$route.hash**
54
54
55
55
- type : `string`
56
56
57
-
Le hash de la route courante (avec le `#`), s'il y en a un. S'il n'y a pas de hash, alors la valeur sera une chaîne de caractères vide.
57
+
Le hash de la route courante (avec le `#`), s'il y en a un. S'il n'y a pas de hash, alors la valeur sera une chaine de caractères vide.
Copy file name to clipboardExpand all lines: docs/fr/api/router-instance.md
+4-4
Original file line number
Diff line number
Diff line change
@@ -40,7 +40,7 @@
40
40
41
41
-**router.getMatchedComponents(location?)**
42
42
43
-
Retourne un tableau de composants (définition/constructeur et non les instances) correspondant à la `location` passée en paramètre, ou alors de la route actuelle. Cette fonction est principalement utilisée pendant le rendu côté serveur afin d'effectuer une pré-récupération des données.
43
+
Retourne un tableau de composants (définition/constructeur et non les instances) correspondant à la `location` passée en paramètre, ou alors de la route actuelle. Cette fonction est principalement utilisée pendant le rendu côté serveur afin d'effectuer une prérécupération des données.
44
44
45
45
-**router.resolve(location, current?, append?)**
46
46
@@ -63,7 +63,7 @@
63
63
64
64
> 2.2.0+
65
65
66
-
Permet d'ajouter dynamiquement des routes au routeur. L'argument doit être un tableau utilisant le même format de configuration que l'option `routes` du constructeur.
66
+
Permets d'ajouter dynamiquement des routes au routeur. L'argument doit être un tableau utilisant le même format de configuration que l'option `routes` du constructeur.
67
67
68
68
-**router.onReady(callback, [errorCallback])**
69
69
@@ -73,7 +73,7 @@
73
73
74
74
C'est utile pendant un rendu côté serveur pour assurer une sortie consistance sur le serveur et le client.
75
75
76
-
Le deuxième argument `errorCallback` est uniquement supporté à partir de la version 2.4. Il sera appelé lorsque la résolution de la route initiale résultera en une erreur (ex : la résolution d'un composant asynchrone qui a échouée).
76
+
Le deuxième argument `errorCallback` est uniquement supporté à partir de la version 2.4. Il sera appelé lorsque la résolution de la route initiale résultera en une erreur (ex. : la résolution d'un composant asynchrone qui a échoué).
77
77
78
78
-**router.onError(callback)**
79
79
@@ -83,6 +83,6 @@
83
83
84
84
- L'erreur est lancée de manière synchrone à l'intérieur d'une fonction d'interception de route ;
85
85
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 ;
86
+
- L'erreur est capturée et traitée de manière asynchrone en appelant `next(err)` à l'intérieur d'une fonction d'interception de route ;
87
87
88
88
- Une erreur est survenue pendant la résolution d'un composant asynchrone qui est requis pour faire le rendu d'une route.
0 commit comments