Skip to content
This repository was archived by the owner on Sep 3, 2024. It is now read-only.

Commit d02b43f

Browse files
committed
Translate api/pages-layout
1 parent 0b7b3c8 commit d02b43f

File tree

1 file changed

+28
-0
lines changed

1 file changed

+28
-0
lines changed

fr/api/pages-layout.md

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
---
2+
title: "API: la propriété layout"
3+
description: Chaque fichier (premier niveau) dans le répertoire layouts créera un layout personnalisé accessible avec la propriété layout dans le composant page.
4+
---
5+
6+
# La propriété layout
7+
8+
> Chaque fichier (premier niveau) dans le répertoire layouts créera un layout personnalisé accessible avec la propriété layout dans le composant page.
9+
10+
- **Type:** `String` ou `Function` (defaut: `'default'`)
11+
12+
Utilisez la clef `layout` dans vos composants de pages pour définir le layout à utiliser:
13+
14+
```js
15+
export default {
16+
layout: 'blog',
17+
// OU
18+
layout (context) {
19+
return 'blog'
20+
}
21+
}
22+
```
23+
24+
Dans cet exemple, Nuxt.js incluera le fichier `layouts/blog.vue` comme layout pour ce composant page.
25+
26+
En action dans [cette vidéo de démonstration](https://www.youtube.com/watch?v=YOKnSTp7d38).
27+
28+
Afin de comprendre comment les layouts fonctionnent avec nuxt.js, regarder la [documentation sur les layouts](/guide/views#layouts).

0 commit comments

Comments
 (0)