Skip to content

Commit 6ee26c8

Browse files
Merge pull request #17 from vuejs-fr/named-views
Traduction de `named-views.md`
2 parents 67d300d + 98912d4 commit 6ee26c8

File tree

2 files changed

+5
-7
lines changed

2 files changed

+5
-7
lines changed

docs/en/SUMMARY.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
- [Nested Routes (En)](essentials/nested-routes.md)
1212
- [Programmatic Navigation (En)](essentials/navigation.md)
1313
- [Named Routes (En)](essentials/named-routes.md)
14-
- [Named Views (En)](essentials/named-views.md)
14+
- [Vues nommées](essentials/named-views.md)
1515
- [Redirection et alias](essentials/redirect-and-alias.md)
1616
- [Passing Props to Route Components (En)](essentials/passing-props.md)
1717
- [HTML5 History Mode (En)](essentials/history-mode.md)

docs/en/essentials/named-views.md

+4-6
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,14 @@
1-
# Named Views (En) <br><br> *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).*
1+
# Vues nommées
22

3-
Sometimes you need to display multiple views at the same time instead of nesting them, e.g. creating a layout with a `sidebar` view and a `main` view. This is where named views came in handy. Instead of having one single outlet in your view, you can have multiple and give each of them a name. A `router-view` without a name will be given `default` as its name.
3+
Parfois vous avez besoin d'afficher différentes vues en même temps plutôt que de les imbriquer, c.-à-d. créer un affichage avec une vue `sidebar` et une vue `main` par exemple. C'est ici que les routes nommées entre en jeu. Au lieu d'avoir une seule balise de vue, vous pouvez en avoir une multitude et donner à chacune d'entre elle un nom. Un `router-view` sans nom aura comme nom par défaut : `default`.
44

55
``` html
66
<router-view class="view one"></router-view>
77
<router-view class="view two" name="a"></router-view>
88
<router-view class="view three" name="b"></router-view>
99
```
1010

11-
A view is rendered by using a component, therefore multiple views require multiple components for the same route. Make sure to use the `components` (with
12-
an s) option:
11+
Une vue est rendue en utilisant un composant, donc de multiples vues nécessites de multiples composants pour une même route. Assurez-vous d'utiliser l'option `components` (avec un s) :
1312

1413
``` js
1514
const router = new VueRouter({
@@ -26,5 +25,4 @@ const router = new VueRouter({
2625
})
2726
```
2827

29-
A working demo of this example can be found
30-
[here](https://jsfiddle.net/posva/6du90epg/).
28+
Une démo de cet exemple peut-être trouvée ici : [ici](https://jsfiddle.net/posva/6du90epg/).

0 commit comments

Comments
 (0)