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

Commit

Permalink
december 2017 update
Browse files Browse the repository at this point in the history
Signed-off-by: MachinisteWeb <bruno.lesieur@gmail.com>
  • Loading branch information
MachinisteWeb committed Jan 4, 2018
1 parent ccba206 commit 0222dd6
Show file tree
Hide file tree
Showing 3 changed files with 17 additions and 15 deletions.
4 changes: 2 additions & 2 deletions fr/api/menu.json
Original file line number Diff line number Diff line change
Expand Up @@ -41,12 +41,12 @@
"contents": [
{ "name": "analyze (En)", "to": "#analyze" },
{ "name": "babel (En)", "to": "#babel" },
{ "name": "cssSourceMap (En)", "to": "#css-source-map" },
{ "name": "cssSourceMap (En)", "to": "#csssourcemap" },
{ "name": "devMiddleware (En)", "to": "#devmiddleware" },
{ "name": "extend (En)", "to": "#extend" },
{ "name": "extractCSS (En)", "to": "#extractcss" },
{ "name": "filenames (En)", "to": "#filenames" },
{ "name": "hotMiddleware (En)", "to": "#hot-middleware" },
{ "name": "hotMiddleware (En)", "to": "#hotmiddleware" },
{ "name": "plugins (En)", "to": "#plugins" },
{ "name": "postcss (En)", "to": "#postcss" },
{ "name": "publicPath (En)", "to": "#publicpath" },
Expand Down
6 changes: 3 additions & 3 deletions fr/guide/assets.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,22 +49,22 @@ Actuellement, la configuration des loaders par défaut de Nuxt.js est la suivant
test: /\.(png|jpe?g|gif|svg)$/,
loader: 'url-loader',
query: {
limit: 1000, // 1KO
limit: 1000, // 1 ko
name: 'img/[name].[hash:7].[ext]'
}
},
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
query: {
limit: 1000, // 1ko
limit: 1000, // 1 ko
name: 'fonts/[name].[hash:7].[ext]'
}
}
]
```

Ce qui signifie que tous les fichiers inférieurs à 1ko seront intégrés comme URL base-64. Sinon, l'image / police sera copiée dans son dossier correspondant (dans le répertoire `.nuxt`) avec un nom contenant des hashs de version pour une meilleure mise en cache.
Ce qui signifie que tous les fichiers inférieurs à 1 ko seront intégrés comme URL base-64. Sinon, l'image / police sera copiée dans son dossier correspondant (dans le répertoire `.nuxt`) avec un nom contenant des hashs de version pour une meilleure mise en cache.

Lors du lancement de notre application avec `nuxt`, notre template dans `pages/index.vue` :

Expand Down
22 changes: 12 additions & 10 deletions fr/guide/views.md
Original file line number Diff line number Diff line change
Expand Up @@ -94,6 +94,7 @@ Chaque fichier (*premier niveau*) dans le répertoire `layouts` créera une mise
*Assurez-vous d'ajouter le composant `<nuxt/>` lors de la création d'une mise en page afin d'afficher le composant de la page.*

Exemple avec `layouts/blog.vue` :

```html
<template>
<div>
Expand Down Expand Up @@ -150,16 +151,16 @@ export default {
</style>
```

| Attribut | Description |
|-----------|-------------|
| asyncData | L'attribut le plus important. Il peut être asynchrone et reçoit le contexte comme argument, lisez la documentation sur les [Données asynchrones](/guide/async-data) pour savoir comment il fonctionne. |
| fetch | Utilisé pour peupler le store avant de faire le rendu de la page, équivalent à la méthode `data` sauf qu'il ne peuple pas le composant `data`. Voir [la partie Pages de l'API sur `fetch`](/api/pages-fetch). |
| head | Défini des balises meta spécifiques pour la page en cours, voir [la partie Pages de l'API sur `head`](/api/pages-head). |
| layout | Défini une mise en page existantes dans le répertoire `layouts`, voir [la partie Pages de l'API sur `layout`](/api/pages-layout). |
| transition | Défini une transition spécifique pour une page, voir [la partie Pages de l'API sur `transition`](/api/pages-transition). |
| scrollToTop | Booléen, par défaut: `false`. Indiquez si vous souhaitez que la position se déplace vers le haut avant d'afficher la page, est utilisé pour les [Routes imbriquées](/guide/routing#routes-imbriqu-es). |
| validate | Fonction de validation pour les [Routes dynamiques](/guide/routing#routes-dynamiques). |
| middleware | Défini un middleware pour cette page, ce middleware sera exécuté avant d'effectuer le rendu de la page, voir le [Middleware dans le Routage](/guide/routing#middleware). |
| Attribut | Description |
|---------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| `asyncData` | L'attribut le plus important. Il peut être asynchrone et reçoit le contexte comme argument, lisez la documentation sur les [Données asynchrones](/guide/async-data) pour savoir comment il fonctionne. |
| `fetch` | Utilisé pour peupler le store avant de faire le rendu de la page, équivalent à la méthode `data` sauf qu'il ne peuple pas le composant `data`. Voir [la partie Pages de l'API sur `fetch`](/api/pages-fetch). |
| `head` | Défini des balises meta spécifiques pour la page en cours, voir [la partie Pages de l'API sur `head`](/api/pages-head). |
| `layout` | Défini une mise en page existantes dans le répertoire `layouts`, voir [la partie Pages de l'API sur `layout`](/api/pages-layout). |
| `transition` | Défini une transition spécifique pour une page, voir [la partie Pages de l'API sur `transition`](/api/pages-transition). |
| `scrollToTop` | Booléen, par défaut: `false`. Indiquez si vous souhaitez que la position se déplace vers le haut avant d'afficher la page, est utilisé pour les [Routes imbriquées](/guide/routing#routes-imbriqu-es). |
| `validate` | Fonction de validation pour les [Routes dynamiques](/guide/routing#routes-dynamiques). |
| `middleware` | Défini un middleware pour cette page, ce middleware sera exécuté avant d'effectuer le rendu de la page, voir le [Middleware dans le Routage](/guide/routing#middleware). |

Pour plus d'informations à propos de l'utilisation des attributs de pages, consultez [la partie Pages de l'API](/api)

Expand All @@ -168,6 +169,7 @@ Pour plus d'informations à propos de l'utilisation des attributs de pages, cons
Nuxt.js utilise [vue-meta](https://github.com/declandewet/vue-meta) pour mettre à jour les `headers` et les `html attributes` de votre application.

Nuxt.js configure `vue-meta` avec les options suivantes :

```js
{
keyName: 'head', // le nom de l'option où vue-meta va chercher les informations.
Expand Down

0 comments on commit 0222dd6

Please sign in to comment.