Skip to content

Commit b6ae64c

Browse files
committed
Revision in guide/component-registration
1 parent 1a071c0 commit b6ae64c

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

src/guide/component-registration.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Registro de Componentes
22

3-
> Esta página assume que você já leu o [Básico sobre Componentes](component-basics.md). Leia ela primeiro se você for novo no assunto de componentização.
3+
> Esta página assume que você já leu o [Básico sobre Componentes](component-basics.md). Leia primeiro se você for novo no assunto de componentização.
44
55
## Nomes de Componentes
66

@@ -16,18 +16,18 @@ app.component('my-component-name', {
1616

1717
O nome do componente é o primeiro argumento de `app.component`. No exemplo acima, o nome do componente é "my-component-name".
1818

19-
O nome que você dá a um componente pode depender de onde você pretende usá-lo. Ao usar um componente diretamente no DOM (ao contrário de um template string ou [componente de arquivo único](../guide/single-file-component.html)), recomendamos seguir as [regras do W3C](https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name) para nomes de tags personalizadas:
19+
O nome que você dá a um componente pode depender de onde você pretende usá-lo. Ao usar um componente diretamente no DOM (ao contrário de em um template string ou [componente single file](../guide/single-file-component.html)), recomendamos seguir as [regras do W3C](https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name) para nomes de tags personalizadas:
2020

21-
1. Todas as letras minúsculas; e
22-
2. Contém hífen (ou seja, tem várias palavras conectadas com o símbolo de hífen).
21+
1. Todas as letras minúsculas;
22+
2. Conter hífen (ou seja, ter várias palavras conectadas com o símbolo de hífen).
2323

2424
Ao nomear dessa maneira, isso o ajudará a evitar conflitos com elementos HTML atuais e futuros.
2525

2626
Você pode ver outras recomendações para nomes de componentes no [Guia de Estilo](../style-guide/#base-component-names-strongly-recommended).
2727

28-
### Nomeação
28+
### Padrão de Nomeação
2929

30-
Ao definir componentes em um template string ou um componente de arquivo único, você tem duas opções ao definir os nomes dos componentes:
30+
Ao definir componentes em um template string ou um componente single file, você tem duas opções ao definir os nomes dos componentes:
3131

3232
#### Com kebab-case
3333

@@ -47,7 +47,7 @@ app.component('MyComponentName', {
4747
})
4848
```
4949

50-
Ao definir um componente com PascalCase, você pode usar qualquer um dos casos ao fazer referência a seu elemento personalizado. Isso significa que `<my-component-name>` e `<MyComponent-name>` são aceitáveis. Observe, no entanto, que apenas os nomes kebab-case são válidos diretamente no DOM (ou seja, templates não-string).
50+
Ao definir um componente com PascalCase, você pode usar qualquer um dos padrões ao fazer referência a seu elemento personalizado. Isso significa que ambos`<my-component-name>` e `<MyComponentName>` são aceitáveis. Observe, no entanto, que apenas os nomes kebab-case são válidos diretamente no DOM (ou seja, templates não-string).
5151

5252
## Registro Global
5353

@@ -89,7 +89,7 @@ Isso se aplica até mesmo a todos os subcomponentes, o que significa que estes t
8989

9090
## Registro Local
9191

92-
O registro global geralmente não é o ideal. Por exemplo, se você estiver usando um sistema de empacotador de módulos como o Webpack, registrar globalmente todos os componentes significa que, mesmo se você parar de usar um componente, ele ainda poderá ser incluído em seu executável final. Isso aumenta desnecessariamente a quantidade de código JavaScript que seus usuários precisam fazer download.
92+
O registro global geralmente não é o ideal. Por exemplo, se você estiver usando um sistema de empacotador de módulos como o Webpack, registrar globalmente todos os componentes significa que, mesmo se você parar de usar um componente, ele ainda poderá ser incluído na sua distribuição final. Isso aumenta desnecessariamente a quantidade de código JavaScript que seus usuários precisam baixar.
9393

9494
Nesses casos, você pode definir seus componentes como objetos JavaScript simples:
9595

@@ -105,7 +105,7 @@ const ComponentC = {
105105
}
106106
```
107107

108-
Em seguida, defina os componentes que deseja usar na opção de `components`:
108+
Em seguida, defina os componentes que deseja usar na opção `components`:
109109

110110
```js
111111
const app = Vue.createApp({
@@ -146,7 +146,7 @@ export default {
146146
}
147147
```
148148

149-
Observe que em ES2015+, colocar um nome de variável como `ComponentA` dentro de um objeto é uma abreviação de `ComponentA: ComponentA`, o que significa que o nome da variável é tanto:
149+
Observe que na ES2015+, colocar um nome de variável como `ComponentA` dentro de um objeto é uma abreviação de `ComponentA: ComponentA`, o que significa que o nome da variável é tanto:
150150

151151
- o nome do elemento personalizado para usar no modelo, quanto
152152
- o nome da variável que contém as opções do componente.

0 commit comments

Comments
 (0)