Retraduction de components.md
#127
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Signed-off-by: MachinisteWeb <[email protected]>
Signed-off-by: MachinisteWeb <[email protected]>
Signed-off-by: MachinisteWeb <[email protected]>
Signed-off-by: MachinisteWeb <[email protected]>
Signed-off-by: MachinisteWeb <[email protected]>
Signed-off-by: MachinisteWeb <[email protected]>
Signed-off-by: MachinisteWeb <[email protected]>
MachinisteWeb
requested review from
Kocal,
forresst,
sylvainpolletvillard,
mdartic and
rspt
|
Voilà, enfin traduite cette page qui à vraiment beaucoup récrécie ! La relecture est pas des plus urgentes dans le sens où toutes les autres partie relative à la traduction des composants doivent être finalisée avant de pouvoir mettre à jour cette page (car actuellement la version complète (l'ancienne) est présente sur le site FR et je ne l'écraserai que dès qu'on aura traduit toute la partie « Composant en profondeur » |
rspt
suggested changes
May 9, 2018
src/v2/guide/components.md
Outdated
| ### Inscription locale | ||
|
|
||
| Vous n'êtes pas obligé d'inscrire chaque composant de manière globale. Vous pouvez rendre un composant disponible dans la portée d'un(e) autre composant/instance en l'inscrivant avec l'option `components` lors de l'instanciation : | ||
| Puisque les composants sont des instances de Vue réutilisables, ils acceptent les mêmes option que `new Vue` comme `data`, `computed`, `watch`, `methods`, et les hooks du cycle de vie. Les seules exceptions sont quelques options spécifiques à la racine comme `el`. |
src/v2/guide/components.md
Outdated
| @@ -178,19 +74,19 @@ new Vue({ el: '#components-demo2' }) | |||
| </script> | |||
| {% endraw %} | |||
|
|
|||
| Puisque nos trois instances de composant partagent le même objet `data`, l'incrémentation d'un compteur les incrémentera tous ! Aie. Corrigeons cela en retournant un nouvel objet de données : | |||
| Notez que lors du clique sur les boutons, chacun d'entre eux maintient sont propre compteur séparé des autres. C'est parce que chaque fois que vous utilisez un composant, une nouvelle **instance** est créée. | |||
src/v2/guide/components.md
Outdated
|
|
||
| ### Passer des données avec props | ||
| Par exemple, vous pouvez avoir des composants pour l'en-tête, la barre latérale, la zone de contenu ; chacun contenant lui aussi d'autres composants pour la navigation, les liens, les billets de blog, etc. |
src/v2/guide/components.md
Outdated
|
|
||
| Chaque instance de composant a sa propre **portée isolée**. Cela signifie qu'on ne peut (et ne devrait) pas directement référencer des données du parent dans un template de composant enfant. Les données doivent être passées aux composants enfants en utilisant **props**. | ||
| Pour utiliser ces composants dans des templates, ils doivent être enregistrés pour que Vue les connaissent. Il y a deux types d'enregistrement de composant : **global** et **local**. Jusqu'ici, nous avons uniquement enregistrés des composants globalement en utilisant `Vue.component` : |
src/v2/guide/components.md
Outdated
|
|
||
| Props are custom attributes you can register on a component. When a value is passed to a prop attribute, it becomes a property on that component instance. To pass a title to our blog post component, we can include it in the list of props this component accepts, using a `props` option: | ||
| Plus tôt, nous avons mentionné la création d'un composant pour des billets de blog. Le problème est que ce composant ne sera utile que s'il ont peut lui passer des données, comme le titre ou le contenu pour un billet spécifique à afficher. C'est ici que les props interviennent. |
src/v2/guide/components.md
Outdated
| require(['./my-async-component'], resolve) | ||
| }) | ||
| ``` | ||
| Comme vous pouvez le constater plus haut, nous avons seulement ajouter un slot là où nous souhaitions faire atterrir le contenu - et c'est tout. C'est fait ! |
src/v2/guide/components.md
Outdated
|
|
||
| Quand vous utilisez une [inscription locale](components.html#Local-Registration), vous pouvez également fournir une fonction qui retourne une `Promise` : | ||
| Parfois, il est utile de dynamiquement inter-changer des composants, comme dans une interface à onglet : |
src/v2/guide/components.md
Outdated
|
|
||
| ### Composants récursifs | ||
| - le nom du composant enregistré, ou | ||
| - un object d'option de composant |
src/v2/guide/components.md
Outdated
|
|
||
| ### Références circulaires entre les composants | ||
| PLusieurs éléments HTML, comme `<ul>`, `<ol>`, `<table>` et `<select>` ont des restrictions en ce qui concerne les éléments à l'intérieur desquels ils apparaissent. D'autres éléments quand à eux, tel que `<li>`, `<tr>`, ou `<option>` peuvent uniquement être placés à l'intérieur de certains éléments parents uniquement. |
src/v2/guide/components.md
Outdated
| ` | ||
| }) | ||
| ``` | ||
| Une fois que vous vous sentirez à l'aise avec les connaissances que vous venez fraîchement d’acquérir, nous vous recommandons de revenir pour lire le guide complet à propos des [Composants dynamiques et asynchrones](components-dynamic-async.html) ainsi que les autres pages dans la partie Au cœur des composants de la barre de navigation latérale. |
Signed-off-by: MachinisteWeb <[email protected]>
|
Merci @rspt ! |
|
Mince, c'était l'interface qui les avait planqué... bisarre, je les ajoutes |
Signed-off-by: MachinisteWeb <[email protected]>
rspt
approved these changes
May 10, 2018
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Le fichier componets.md a été splité en plusieurs sous fichier ! Je vais avoir besoin de votre aide sur ce coup car ça semble être un gros morceau !
Je vais aménager la liste des pages à traduire dans l'issue : #3
Pour cette PR ci, les conflits de merge sont resté pour l'aide à la traduction / séparation du fichier. Une fois prêt pour la relecture, les HEAD auront disparus.