Skip to content

[Doc EN]: 2017 dec - 2018 jan #2030

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 20 commits into from
Jan 29, 2018
Merged
Show file tree
Hide file tree
Changes from 19 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/fr/advanced/navigation-guards.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ Chaque fonction d'interception reçoit trois arguments :

- **`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).

- **`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()`.
- **`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).

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

Expand Down
10 changes: 5 additions & 5 deletions docs/fr/essentials/history-mode.md
Original file line number Diff line number Diff line change
Expand Up @@ -80,11 +80,11 @@ Pour Node.js avec Express, vous pouvez utiliser le [middleware connect-history-a
<rewrite>
<rules>
<rule name="Handle History Mode and custom 404/500" stopProcessing="true">
<match url="(.*)" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<match url="(.*)" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
Expand Down
58 changes: 58 additions & 0 deletions docs/fr/essentials/named-views.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,3 +26,61 @@ const router = new VueRouter({
```

Une démo de cet exemple peut-être trouvée [ici](https://jsfiddle.net/posva/6du90epg/).

## Vues nommées imbriquées

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 :

```
/parametres/emails /parametres/profile
+-----------------------------------+ +------------------------------+
| UserSettings | | UserSettings |
| +-----+-------------------------+ | | +-----+--------------------+ |
| | Nav | UserEmailsSubscriptions | | +------------> | | Nav | UserProfile | |
| | +-------------------------+ | | | +--------------------+ |
| | | | | | | | UserProfilePreview | |
| +-----+-------------------------+ | | +-----+--------------------+ |
+-----------------------------------+ +------------------------------+
```

- `Nav` est juste un composant standard.
- `UserSettings` est un composant de vue.
- `UserEmailsSubscriptions`, `UserProfile`, `UserProfilePreview` sont des composants de vue imbriqués.

**Note** : _mettons de côté la partie HTML / CSS de cette disposition et concentrons nous sur le composant utilisé en lui-même._

La section `<template>` pour le composant `UserSettings` de la disposition ci-dessus devrait ressemblé à quelque chose comme cela :
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ressembler


```html
<!-- UserSettings.vue -->
<div>
<h1>Paramètres utilisateurs</h1>
<NavBar/>
<router-view/>
<router-view name="helper"/>
</div>
```

_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/)._

Puis vous pouvez achever la disposition ci-dessus avec la configuration de route :

```js
{
path: '/parametres',
// Vous pouvez également avoir des vues nommées à la racine
component: UserSettings,
children: [{
path: 'emails',
component: UserEmailsSubscriptions
}, {
path: 'profile',
components: {
default: UserProfile,
helper: UserProfilePreview
}
}]
}
```

Une démo de cet exemple peut-être trouvée [ici](https://jsfiddle.net/posva/22wgksa3/).
2 changes: 1 addition & 1 deletion docs/fr/essentials/passing-props.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ const User = {
}
const router = new VueRouter({
routes: [
{ path: '/utilisateur/:id', component: User, props: true }
{ path: '/utilisateur/:id', component: User, props: true },

// pour les routes avec vues nommées, vous devez définir l'option `props` pour chaque vue nommée :
{
Expand Down