Skip to content

Commit 4caa8ef

Browse files
committed
Update navigation.md
Signed-off-by: Bruno Lesieur <[email protected]>
1 parent ee4ddb7 commit 4caa8ef

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

docs/en/essentials/navigation.md

+9-9
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@ En complément du l'utilisation de `<router-link>` pour créer des balises ancre
44

55
#### `router.push(location, onComplete?, onAbort?)`
66

7-
** Note : Dans une instnace Vue, vous pouvez accéder à l'instance du routeur via `$router`. Vous pouvez donc appeler `this.$router.push`.**
7+
** Note : Dans une instance Vue, vous pouvez accéder à l'instance du routeur via `$router`. Vous pouvez donc appeler `this.$router.push`.**
88

9-
Pour naviguer à différente URL, utilisez `router.push`. Cette méthode ajoute une nouvelle entrée dans la pile de l'historique, ainsi quand un utilisateur clique sur le bouton retour de son navigateur, il retournera à l'URL précédente.
9+
Pour naviguer à différentes URLs, utilisez `router.push`. Cette méthode ajoute une nouvelle entrée dans la pile de l'historique. Ainsi quand un utilisateur clique sur le bouton retour de son navigateur, il retournera à l'URL précédente.
1010

11-
Cette méthode est appelé en interne quand vous cliquez sur `<router-link>`, aussi cliquer sur `<router-link :to="...">` est un équivalent à l'appel de `router.push(...)`.
11+
Cette méthode est appelée en interne quand vous cliquez sur `<router-link>`. Aussi cliquer sur `<router-link :to="...">` est un équivalent à l'appel de `router.push(...)`.
1212

1313
| Declarative | Programmatique |
1414
|-------------|--------------|
@@ -30,11 +30,11 @@ router.push({ name: 'user', params: { userId: 123 }})
3030
router.push({ path: 'register', query: { plan: 'private' }})
3131
```
3232

33-
Dans la version 2.2.0+, vous pouvez optionnellement fournir les fonctions de rappel `onComplete` et `onAbort` à `router.push` ou `router.replace` en tant que deuxième et troisième arguments. Ces fonctions de rappel seront appelées quand la navigation sera respectivement ; complété avec succès (après la résolution de tous les hooks asynchrones), ou arrêté (navigation vers la même route ou vers une route différente avant que la navigation courante ne soit achevée).
33+
Dans la version 2.2.0+, vous pouvez optionnellement fournir les fonctions de rappel `onComplete` et `onAbort` à `router.push` ou `router.replace` en tant que deuxième et troisième arguments. Ces fonctions de rappel seront appelées quand la navigation sera respectivement ; complétée avec succès (après la résolution de tous les hooks asynchrones), ou arrêtée (navigation vers la même route ou vers une route différente avant que la navigation courante ne soit achevée).
3434

3535
#### `router.replace(location, onComplete?, onAbort?)`
3636

37-
Il agit comme `router.push`, la seul différence est que la navigation se fait sans ajouter de nouvelle entrée dans la pile de l'historique. Comme son nom l'indique, ça remplace l'entrée courante.
37+
Il agit comme `router.push`. La seule différence est que la navigation se fait sans ajouter de nouvelle entrée dans la pile de l'historique. Comme son nom l'indique, il remplace l'entrée courante.
3838

3939
| Declarative | Programmatique |
4040
|-------------|--------------|
@@ -48,10 +48,10 @@ Cette méthode prend un seul nombre en tant que paramètre. Celui-ci indique de
4848
Des exemples
4949

5050
``` js
51-
// avancer d'une entrée, c'est identique à `history.forward()`
51+
// avancer d'une entrée, identique à `history.forward()`
5252
router.go(1)
5353

54-
// retourner d'une entrée en arrière, c'est identique à `history.back()`
54+
// retourner d'une entrée en arrière, identique à `history.back()`
5555
router.go(-1)
5656

5757
// avancer de trois entrées
@@ -64,8 +64,8 @@ router.go(100)
6464

6565
#### Manipulation de l'historique
6666

67-
Vous avez peut être remarqué que `router.push`, `router.replace` et `router.go` sont des équivelent de [`window.history.pushState`, `window.history.replaceState` and `window.history.go`](https://developer.mozilla.org/fr-FR/docs/Web/API/History), et qu'ils imitent les APIs de `window.history`.
67+
Vous avez peut être remarqué que `router.push`, `router.replace` et `router.go` sont des équivalent de [`window.history.pushState`, `window.history.replaceState` et `window.history.go`](https://developer.mozilla.org/fr-FR/docs/Web/API/History), et qu'ils imitent les APIs de `window.history`.
6868

6969
Donc, si vous utilisez déjà l'[API History des navigateurs](https://developer.mozilla.org/fr-FR/docs/Web/API/History_API), manipuler l'historique sera très simple avec vue-router.
7070

71-
Il n'est pas nécéssaire de préciser que les méthodes de navigation (`push`, `replace`, `go`) fonctionnent de la même manière dans tous les mode de routage (`history`, `hash` and `abstract`).
71+
Il n'est pas nécessaire de préciser que les méthodes de navigation (`push`, `replace`, `go`) fonctionnent de la même manière dans tous les modes de routage (`history`, `hash` and `abstract`).

0 commit comments

Comments
 (0)