You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Sep 3, 2024. It is now read-only.
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
+
exportdefault {
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