Traduction de `components-props.md` #155

MachinisteWeb · 2018-08-25T15:24:10Z

On s'attaque aux props parce qu'on à un peu de temps ! Vos corrections orthographique sons les bienvenues comme toujours !

Signed-off-by: Haeresis <[email protected]>

Kocal · 2018-08-25T18:11:33Z

src/v2/guide/components-props.md

 type: guide
 order: 102
 ---

-> This page assumes you've already read the [Components Basics](components.html). Read that first if you are new to components.
+> Cette page suppose que vous avez déjà lu les principes de base des [composants](components.html). Lisez [cette partie](components.html) en premier si les composants sont quelque chose de nouveau pour vous.


Lisez-les en premier ...

Non ?

Kocal · 2018-08-25T18:13:09Z

src/v2/guide/components-props.md


-<p>Cette page est en cours de traduction. Pour nous aider, vous pouvez participer sur <a href="https://github.com/vuejs-fr/vuejs.org" target="_blank">le dépôt GitHub dédié de Vuejs-FR</a>.</p><p>HTML attribute names are case-insensitive, so browsers will interpret any uppercase characters as lowercase. That means when you're using in-DOM templates, camelCased prop names need to use their kebab-cased (hyphen-delimited) equivalents:</p>
+Les noms d'attributs HTML sont insensibles à la casse, aussi les navigateurs interpréteront de la même manière les majuscules et les minuscules. Cela signifie que pour l'utilisation des templates directement dans le DOM les props en camelCase doivent utiliser leur équivalent kebab-case (délimités par des tirets) :


Peut-être une virgule entre le DOM et les props ?
Pour laisser souffler le lecteur 😛

Kocal

Bon taf, quelques petites remarques pour ma part ^^

Sinon pas mal le inheritAttrs, je connaissais pas

Kocal · 2018-08-25T18:14:23Z

src/v2/guide/components-props.md

 ```

-You've also seen props assigned dynamically with `v-bind`, such as in:
+vous avez également vu qu'il était possible d'affecter des props dynamiquement avec `v-bind` comme ceci :


Vous avez également

Kocal · 2018-08-25T18:31:24Z

src/v2/guide/components-props.md

@@ -232,7 +232,7 @@ The `type` can be one of the following native constructors:
 - Function
 - Symbol

-In addition, `type` can also be a custom constructor function and the assertion will be made with an `instanceof` check. For example, given the following constructor function exists:
+En plus, `type` peut aussi être une fonction constructeur personnalisée et l'assertion pourra être testée avec `instanceof`. Par exemple, avec la fonction constructeur existante suivante :


Kocal · 2018-08-25T18:31:57Z

src/v2/guide/components-props.md


-For example, imagine we're using a 3rd-party `bootstrap-date-input` component with a Bootstrap plugin that requires a `data-date-picker` attribute on the `input`. We can add this attribute to our component instance:
+Par exemple, imaginez que vous utilisiez un composant tiers `bootstrap-date-input` avec un plugin Bootstrap qui nécessite un `data-date-picker` attribut sul l'`input`. Nous pouvons ajouter cet attribut à notre instance de composant :


attribut sur l'input

rspt · 2018-08-26T13:21:46Z

src/v2/guide/components-props.md


-<p>Cette page est en cours de traduction. Pour nous aider, vous pouvez participer sur <a href="https://github.com/vuejs-fr/vuejs.org" target="_blank">le dépôt GitHub dédié de Vuejs-FR</a>.</p><p>HTML attribute names are case-insensitive, so browsers will interpret any uppercase characters as lowercase. That means when you're using in-DOM templates, camelCased prop names need to use their kebab-cased (hyphen-delimited) equivalents:</p>
+Les noms d'attributs HTML sont insensibles à la casse, aussi les navigateurs interpréteront de la même manière les majuscules et les minuscules. Cela signifie que pour l'utilisation des templates directement dans le DOM les props en camelCase doivent utiliser leur équivalent kebab-case (délimités par des tirets) :


"interprèteront" en graphie rectifiée

rspt · 2018-08-26T13:21:59Z

src/v2/guide/components-props.md


-In addition, every time the parent component is updated, all props in the child component will be refreshed with the latest value. This means you should **not** attempt to mutate a prop inside a child component. If you do, Vue will warn you in the console.
+De plus, chaque fois que le composant parent est mis à jour, toutes les props du composant enfant vont être mises à jour avec les dernières valeurs. Cela signifie que vous ne devriez **pas** essayer du muter une prop depuis l'intérieur d'un composant. Si vous le faite, Vue lancera un avertissement dans la console.


"Si vous le faites,"

rspt · 2018-08-26T13:22:12Z

src/v2/guide/components-props.md


-There are usually two cases where it's tempting to mutate a prop:
+Il y a couramment deux cas où vous seriez tenter de muter une prop :


rspt · 2018-08-26T13:22:35Z

src/v2/guide/components-props.md

@@ -170,58 +170,58 @@ There are usually two cases where it's tempting to mutate a prop:
  }
  ```

-<p class="tip">Note that objects and arrays in JavaScript are passed by reference, so if the prop is an array or object, mutating the object or array itself inside the child component **will** affect parent state.</p>
+<p class="tip">Notez que les objets et les tableaux en JavaScript sont passés par référence, ce qui signifie que si la prop est un objet ou un tableau, muter l'objet ou le tableu lui-même dans l'enfant **va** affecter l'état du parent.</p>


"ou le tableau"

rspt · 2018-08-26T13:23:04Z

src/v2/guide/components-props.md


-Components can specify requirements for its props, such as the types you've already seen. If a requirement isn't met, Vue will warn you in the browser's JavaScript console. This is especially useful when developing a component that's intended to be used by others.
+Les composants peuvent spécifier des conditions requises pour leurs props, comme les types que nous avons déjà vu. Si les conditions requises ne sont pas validées, Vue va vous en avertir dans la console JavaScript du navigateur. Cela est particulièrement utile quand on développe un composant destiné à être utilisé par les autres.


"déjà vus."

rspt · 2018-08-26T13:23:43Z

src/v2/guide/components-props.md


-For most attributes, the value provided to the component will replace the value set by the component. So for example, passing `type="text"` will replace `type="date"` and probably break it! Fortunately, the `class` and `style` attributes are a little smarter, so both values are merged, making the final value: `form-control date-picker-theme-dark`.
+Pour la plupard des attributs, la valeur fournie par le composant va remplacé la valeur définie par le composant. Aussi par exemple, passer `type="text"` va remplacer `type="date"` et probablement tout casser ! Heureusement, les attributs `class` et `style` sont plus malins. Ces deux valeurs sont fusionnées, fournissant la valeur finale `form-control date-picker-theme-dark`.


"Pour la plupart des attributs, la valeur fournie par le composant va remplacer la valeur définie par le composant."

rspt · 2018-08-26T13:24:09Z

src/v2/guide/components-props.md

@@ -302,7 +302,7 @@ Vue.component('my-component', {
 })
 ```

-This can be especially useful in combination with the `$attrs` instance property, which contains the attribute names and values passed to a component, such as:
+Cela est particulièrement utile avec l'utilisation combinée de la propriété d'instance `$attrs` qui contient les noms et valeurs passées à un composant comme ceci :


Signed-off-by: Haeresis <[email protected]>

MachinisteWeb · 2018-08-30T09:33:23Z

Merci à vous deux @Kocal et @rspt !

Kocal · 2018-08-30T11:08:57Z

Seems nice to me 🎉

Traduction de components-props.md

69a6f00

Signed-off-by: Haeresis <[email protected]>

MachinisteWeb self-assigned this Aug 25, 2018

MachinisteWeb added the Traduction en cours label Aug 25, 2018

MachinisteWeb mentioned this pull request Aug 25, 2018

Pages en cours de traduction #3

Open

Relecture rapide

f56e520

Signed-off-by: Haeresis <[email protected]>

MachinisteWeb added Relecture nécessaire and removed Traduction en cours labels Aug 25, 2018

MachinisteWeb requested review from AnthoGdn, forresst, Kocal, PierreAmmeloot and rspt August 25, 2018 15:45

Kocal reviewed Aug 25, 2018

View reviewed changes

Kocal requested changes Aug 25, 2018

View reviewed changes

rspt suggested changes Aug 26, 2018

View reviewed changes

Revue de @Kocal et @rspt

3e1dc67

Signed-off-by: Haeresis <[email protected]>

Kocal approved these changes Aug 30, 2018

View reviewed changes

rspt approved these changes Aug 30, 2018

View reviewed changes

MachinisteWeb merged commit 1d1458b into master Sep 3, 2018

MachinisteWeb deleted the components-props branch September 3, 2018 09:38

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Traduction de `components-props.md` #155

Traduction de `components-props.md` #155

MachinisteWeb commented Aug 25, 2018

Kocal Aug 25, 2018

Kocal Aug 25, 2018

Kocal left a comment

Kocal Aug 25, 2018

Kocal Aug 25, 2018

Kocal Aug 25, 2018

rspt Aug 26, 2018

rspt Aug 26, 2018

rspt Aug 26, 2018

rspt Aug 26, 2018

rspt Aug 26, 2018

rspt Aug 26, 2018

rspt Aug 26, 2018

MachinisteWeb commented Aug 30, 2018

Kocal commented Aug 30, 2018


		<p>Cette page est en cours de traduction. Pour nous aider, vous pouvez participer sur <a href="https://github.com/vuejs-fr/vuejs.org" target="_blank">le dépôt GitHub dédié de Vuejs-FR</a>.</p><p>HTML attribute names are case-insensitive, so browsers will interpret any uppercase characters as lowercase. That means when you're using in-DOM templates, camelCased prop names need to use their kebab-cased (hyphen-delimited) equivalents:</p>
		Les noms d'attributs HTML sont insensibles à la casse, aussi les navigateurs interpréteront de la même manière les majuscules et les minuscules. Cela signifie que pour l'utilisation des templates directement dans le DOM les props en camelCase doivent utiliser leur équivalent kebab-case (délimités par des tirets) :


		For example, imagine we're using a 3rd-party `bootstrap-date-input` component with a Bootstrap plugin that requires a `data-date-picker` attribute on the `input`. We can add this attribute to our component instance:
		Par exemple, imaginez que vous utilisiez un composant tiers `bootstrap-date-input` avec un plugin Bootstrap qui nécessite un `data-date-picker` attribut sul l'`input`. Nous pouvons ajouter cet attribut à notre instance de composant :


		In addition, every time the parent component is updated, all props in the child component will be refreshed with the latest value. This means you should not attempt to mutate a prop inside a child component. If you do, Vue will warn you in the console.
		De plus, chaque fois que le composant parent est mis à jour, toutes les props du composant enfant vont être mises à jour avec les dernières valeurs. Cela signifie que vous ne devriez pas essayer du muter une prop depuis l'intérieur d'un composant. Si vous le faite, Vue lancera un avertissement dans la console.


		There are usually two cases where it's tempting to mutate a prop:
		Il y a couramment deux cas où vous seriez tenter de muter une prop :


		Components can specify requirements for its props, such as the types you've already seen. If a requirement isn't met, Vue will warn you in the browser's JavaScript console. This is especially useful when developing a component that's intended to be used by others.
		Les composants peuvent spécifier des conditions requises pour leurs props, comme les types que nous avons déjà vu. Si les conditions requises ne sont pas validées, Vue va vous en avertir dans la console JavaScript du navigateur. Cela est particulièrement utile quand on développe un composant destiné à être utilisé par les autres.


		For most attributes, the value provided to the component will replace the value set by the component. So for example, passing `type="text"` will replace `type="date"` and probably break it! Fortunately, the `class` and `style` attributes are a little smarter, so both values are merged, making the final value: `form-control date-picker-theme-dark`.
		Pour la plupard des attributs, la valeur fournie par le composant va remplacé la valeur définie par le composant. Aussi par exemple, passer `type="text"` va remplacer `type="date"` et probablement tout casser ! Heureusement, les attributs `class` et `style` sont plus malins. Ces deux valeurs sont fusionnées, fournissant la valeur finale `form-control date-picker-theme-dark`.

Traduction de components-props.md #155

Traduction de components-props.md #155

Conversation

MachinisteWeb commented Aug 25, 2018

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Kocal left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

MachinisteWeb commented Aug 30, 2018

Kocal commented Aug 30, 2018

Traduction de `components-props.md` #155

Traduction de `components-props.md` #155