From 90d302f6b687d52a4da5ac04efb3823d5e137819 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Mon, 17 Jul 2017 09:11:14 +0200 Subject: [PATCH] Revert "Traduction de `head.md`" --- en/SUMMARY.md | 2 +- en/head.md | 26 +++++++++++++------------- 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/en/SUMMARY.md b/en/SUMMARY.md index 7ea69f19..c809a5ff 100644 --- a/en/SUMMARY.md +++ b/en/SUMMARY.md @@ -7,7 +7,7 @@ - [Introduction au moteur de dépaquetage](bundle-renderer.md) - [Configuration de pré-compilation](build-config.md) - [Gestion des CSS](css.md) -- [Gestion des entêtes](head.md) +- [Gestion des entêtes (En)](head.md) - [Mise en cache (En)](caching.md) - [Envoi par flux (En)](streaming.md) - [Réference de l'API (En)](api.md) diff --git a/en/head.md b/en/head.md index 8b4cdbef..ea21d281 100644 --- a/en/head.md +++ b/en/head.md @@ -1,17 +1,17 @@ -# Gestion des entêtes +# Gestion des entêtes (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-ssr-docs).* -Similaire à l'injection de fichier, la gestion des entêtes suit la même idée : nous pouvons dynamiquement attacher des données au rendu `context` dans le cycle de vie du composant, et interpoler ses données dans le template. +Similar to asset injection, head management follows the same idea: we can dynamically attach data to the render `context` in a component's lifecycle, and then interpolate those data in `template`. -> Dans la version 2.3.2+, vous pouvez directement accéder au contexte SSR du composant via `this.$ssrContext`. Dans les versions plus anciennes, vous devez injecter manuellement le contexte SSR en le passant à la fonction `createApp()` et ainsi l'exposer dans `$options` de l'instance racine — les composants enfants pouvant y accéder via `this.$root.$options.ssrContext`. +> In version >=2.3.2, you can directly access the SSR context in a component as `this.$ssrContext`. In older versions you'd have to manually inject the SSR context by passing it to `createApp()` and expose it on the root instance's `$options` - child components can then access it via `this.$root.$options.ssrContext`. -Nous pouvons écrire un mixin simple pour effectuer la gestion du titre : +We can write a simple mixin to perform title management: ``` js // title-mixin.js function getTitle (vm) { - // les composants doivent simplement fournir une option `title` - // pouvant être soit une chaîne de caractères soit une fonction + // components can simply provide a `title` option + // which can be either a string or a function const { title } = vm.$options if (title) { return typeof title === 'function' @@ -38,13 +38,13 @@ const clientTitleMixin = { } } -// `VUE_ENV` peut être injecté avec `webpack.DefinePlugin` +// VUE_ENV can be injected with webpack.DefinePlugin export default process.env.VUE_ENV === 'server' ? serverTitleMixin : clientTitleMixin ``` -Maintenant, un composant de route peut être utilisé ainsi pour contrôler le titre du document : +Now, a route component can make use of this to control the document title: ``` js // Item.vue @@ -66,7 +66,7 @@ export default { } ``` -Et passé au moteur de rendu de paquetage dans le template. +And inside the `template` passed to bundle renderer: ``` html @@ -79,12 +79,12 @@ Et passé au moteur de rendu de paquetage dans le template. ``` -**Notes :** +**Notes:** -- Utilisez les doubles moustaches (interpolation de HTML échapé) pour éviter les attaques XSS. +- Use double-mustache (HTML-escaped interpolation) to avoid XSS attacks. -- Vous devriez fournir un titre par défaut quand vous créez l'object `context` au cas ou aucun composant de définisse de titre durant le rendu. +- You should provide a default title when creating the `context` object in case no component has set a title during render. --- -En utilisant la même stratégie, vous pouvez facilement étendre votre mixin en une fonction utilitaire générique de gestion des entêtes. +Using the same strategy, you can easily expand this mixin into a generic head management utility.