Skip to content

Commit b957dd6

Browse files
sir-kainMachinisteWeb
authored andcommitted
Update components-registration.md (#147)
1 parent d7406e1 commit b957dd6

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/v2/guide/components-registration.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Vue.component('my-component-name', { /* ... */ })
1616

1717
Le nom du composant est le premier argument de `Vue.component`.
1818

19-
Le nom que vous donnez à un composant peut dépendre de l'endroit où vous avez l'intention de l'utiliser. Lorsque vous utilisez un composant directement dans le DOM (par opposition à une chaine ou un [composant monofichiers](single-file-components.html)), nous vous recommandons fortement de suivre [les règles du W3C](https://www.w3.org/TR/custom-elements/#concepts) pour les noms de balises personnalisés (tout en minuscules, contenir un trait d'union). Cela vous permet d'éviter les conflits avec les éléments HTML actuels et futurs.
19+
Le nom que vous donnez à un composant peut dépendre de l'endroit où vous avez l'intention de l'utiliser. Lorsque vous utilisez un composant directement dans le DOM (par opposition à une chaine ou un [composant monofichiers](single-file-components.html)), nous vous recommandons fortement de suivre [les règles du W3C](https://www.w3.org/TR/custom-elements/#concepts) pour les noms de balises personnalisées (tout en minuscules, contenir un trait d'union). Cela vous permet d'éviter les conflits avec les éléments HTML actuels et futurs.
2020

2121
Vous pouvez voir d'autres recommandations pour les noms de composants dans le guide des [Conventions](../style-guide/#Base-component-names-strongly-recommended).
2222

@@ -42,15 +42,15 @@ Lors de la définition d'un composant en PascalCase, vous pouvez utiliser l'un o
4242

4343
## Création globale
4444

45-
Jusque là, nous avons créé des composants seulement avec la manière suivante : `Vue.component` :
45+
Jusque là, nous avons créé des composants seulement avec la manière suivante `Vue.component` :
4646

4747
```js
4848
Vue.component('my-component-name', {
4949
// ... options ...
5050
})
5151
```
5252

53-
Ces composants sont **enregistrés globalement**. Cela signifie qu'ils peuvent être utilisés dans le template de n'importe quelle instance Vue (`new Vue`) créée après. Par exemple :
53+
Ces composants sont **enregistrés globalement**. Cela signifie qu'ils peuvent être utilisés dans le template de n'importe quelle instance Vue (`new Vue`) créée ultérieurement. Par exemple :
5454

5555
```js
5656
Vue.component('component-a', { /* ... */ })
@@ -68,11 +68,11 @@ new Vue({ el: '#app' })
6868
</div>
6969
```
7070

71-
Cela s'applique même à tous les sous-composants, ce qui signifie que ces trois composants seront également disponibles _l'un dans l'autre_.
71+
Cela s'applique même à tous les sous-composants, ce qui signifie que ces trois composants seront également disponibles _les uns des autres_.
7272

7373
## Création locale
7474

75-
La création globale n'est souvent pas idéale. Par exemple, si vous utilisez un système de build comme webpack, la création globale de composants fait que même si vous arrêtez d'utiliser un composant, il peut toujours être inclus dans votre build final. Cela augmente inutilement la quantité de JavaScript que vos utilisateurs doivent télécharger.
75+
La création globale n'est souvent pas idéale. Par exemple, si vous utilisez un système de build comme webpack, la création globale de composants signifie que même si vous arrêtez d'utiliser un composant, il peut toujours être inclus dans votre build final. Cela augmente inutilement la quantité de JavaScript que vos utilisateurs doivent télécharger.
7676

7777
Dans ce cas, vous pouvez définir vos composants en tant qu'objets JavaScript simples :
7878

0 commit comments

Comments
 (0)