Skip to content

Commit 39402d1

Browse files
MachinisteWebposva
authored andcommitted
docs(fr): 2017 dec - 2018 jan (#2030)
* VueRouter vs. Vue Router Signed-off-by: Bruno Lesieur <[email protected]> * `VueRouter` vs. Vue Router * no changes for EN docs. Signed-off-by: Bruno Lesieur <[email protected]> * New review from @rspt Signed-off-by: Bruno Lesieur <[email protected]> * Introduce @rspt review Signed-off-by: Bruno Lesieur <[email protected]> * @posva review Signed-off-by: Bruno Lesieur <[email protected]> * Update documentation with version 2.5 Signed-off-by: Bruno Lesieur <[email protected]> * Little fixes Signed-off-by: Bruno Lesieur <[email protected]> * Add + to version Signed-off-by: Bruno Lesieur <[email protected]> * Little french fix Signed-off-by: Bruno Lesieur <[email protected]> * Typo fix Signed-off-by: Bruno Lesieur <[email protected]> * 2018 jan-fev update Signed-off-by: MachinisteWeb <[email protected]> * typo Signed-off-by: MachinisteWeb <[email protected]> * Update named-views.md
1 parent 63e00c1 commit 39402d1

File tree

2 files changed

+59
-1
lines changed

2 files changed

+59
-1
lines changed

docs/fr/advanced/navigation-guards.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ Chaque fonction d'interception reçoit trois arguments :
3232

3333
- **`next('/')` ou `next({ path: '/' })`**: redirige vers le nouvel URL. La navigation courante va être arrêtée et une nouvelle va se lancer. Vous pouvez passer n'importe quel objet à `next`, vous permettant ainsi de spécifier des options comme `replace: true`, `name: 'home'` et n'importe quelles options dans [la prop `to` du `router-link`](../api/router-link.md) ou [`router.push`](../api/router-instance#méthodes).
3434

35-
- **`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()`.
35+
- **`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 enregistrées via [`router.onError()`](../api/router-instance.html#methods).
3636

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

docs/fr/essentials/named-views.md

+58
Original file line numberDiff line numberDiff line change
@@ -26,3 +26,61 @@ const router = new VueRouter({
2626
```
2727

2828
Une démo de cet exemple peut-être trouvée [ici](https://jsfiddle.net/posva/6du90epg/).
29+
30+
## Vues nommées imbriquées
31+
32+
Il est possible de créer des dispositions complexes en utilisant les vues nommées avec les vues imbriquées. Quand vous le faites, vous devez nommer les composants imbriqués de `router-view` utilisés. Voyons cela avec un panneau de configuration exemple :
33+
34+
```
35+
/parametres/emails /parametres/profile
36+
+-----------------------------------+ +------------------------------+
37+
| UserSettings | | UserSettings |
38+
| +-----+-------------------------+ | | +-----+--------------------+ |
39+
| | Nav | UserEmailsSubscriptions | | +------------> | | Nav | UserProfile | |
40+
| | +-------------------------+ | | | +--------------------+ |
41+
| | | | | | | | UserProfilePreview | |
42+
| +-----+-------------------------+ | | +-----+--------------------+ |
43+
+-----------------------------------+ +------------------------------+
44+
```
45+
46+
- `Nav` est juste un composant standard.
47+
- `UserSettings` est un composant de vue.
48+
- `UserEmailsSubscriptions`, `UserProfile`, `UserProfilePreview` sont des composants de vue imbriqués.
49+
50+
**Note** : _mettons de côté la partie HTML / CSS de cette disposition et concentrons nous sur le composant utilisé en lui-même._
51+
52+
La section `<template>` pour le composant `UserSettings` de la disposition ci-dessus devrait ressembler à quelque chose comme cela :
53+
54+
```html
55+
<!-- UserSettings.vue -->
56+
<div>
57+
<h1>Paramètres utilisateurs</h1>
58+
<NavBar/>
59+
<router-view/>
60+
<router-view name="helper"/>
61+
</div>
62+
```
63+
64+
_Le composant de vue imbriqué est omis ici mais vous pouvez le trouver dans le code source complet de l'exemple ci-dessus [ici](https://jsfiddle.net/posva/22wgksa3/)._
65+
66+
Puis vous pouvez achever la disposition ci-dessus avec la configuration de route :
67+
68+
```js
69+
{
70+
path: '/parametres',
71+
// Vous pouvez également avoir des vues nommées à la racine
72+
component: UserSettings,
73+
children: [{
74+
path: 'emails',
75+
component: UserEmailsSubscriptions
76+
}, {
77+
path: 'profile',
78+
components: {
79+
default: UserProfile,
80+
helper: UserProfilePreview
81+
}
82+
}]
83+
}
84+
```
85+
86+
Une démo de cet exemple peut-être trouvée [ici](https://jsfiddle.net/posva/22wgksa3/).

0 commit comments

Comments
 (0)