diff --git a/docs/en/SUMMARY.md b/docs/en/SUMMARY.md index 867dd5775..9aa69f888 100644 --- a/docs/en/SUMMARY.md +++ b/docs/en/SUMMARY.md @@ -11,7 +11,7 @@ - [Nested Routes (En)](essentials/nested-routes.md) - [Programmatic Navigation (En)](essentials/navigation.md) - [Named Routes (En)](essentials/named-routes.md) - - [Named Views (En)](essentials/named-views.md) + - [Vues nommées](essentials/named-views.md) - [Redirection et alias](essentials/redirect-and-alias.md) - [Passing Props to Route Components (En)](essentials/passing-props.md) - [HTML5 History Mode (En)](essentials/history-mode.md) diff --git a/docs/en/essentials/named-views.md b/docs/en/essentials/named-views.md index 3a28369d7..844fe8515 100644 --- a/docs/en/essentials/named-views.md +++ b/docs/en/essentials/named-views.md @@ -1,6 +1,6 @@ -# Named Views (En)

*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).* +# Vues nommées -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. +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`. ``` html @@ -8,8 +8,7 @@ Sometimes you need to display multiple views at the same time instead of nesting ``` -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 -an s) option: +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) : ``` js const router = new VueRouter({ @@ -26,5 +25,4 @@ const router = new VueRouter({ }) ``` -A working demo of this example can be found -[here](https://jsfiddle.net/posva/6du90epg/). +Une démo de cet exemple peut-être trouvée ici : [ici](https://jsfiddle.net/posva/6du90epg/).