Skip to content

Commit fd7ad0f

Browse files
authored
Review on guide/component-attrs
1 parent d50b056 commit fd7ad0f

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/guide/component-attrs.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
# Atributos Não-Propriedades
22

3-
> Esta página assume que você já leu o [Básico sobre Componentes](component-basics.md). Leia isso primeiro se você for novo em componentes.
3+
> Esta página assume que você já leu o [Básico sobre Componentes](component-basics.md). Leia primeiro se você for novo em componentes.
44
5-
Um atributo de componente não-propriedade é um atributo ou ouvinte de evento que é passado para um componente, mas não tem uma propriedade correspondente definida em [props](component-props) ou [emits](component-custom-events.html#defining-custom-events). Os exemplos comuns disto incluem atributos `class`, `style`, e `id`. Você pode acessar esses atributos por meio de propriedades `$attrs`.
5+
Um atributo de componente não-propriedade é um atributo ou ouvinte de evento que é passado para um componente, mas não tem uma propriedade correspondente definida em [props](component-props) ou [emits](component-custom-events.html#defining-custom-events). Os exemplos comuns disto incluem atributos `class`, `style`, e `id`. Você pode acessar esses atributos por meio da propriedade `$attrs`.
66

77
## Herança de Atributos
88

@@ -58,7 +58,7 @@ app.component('date-picker', {
5858
})
5959
```
6060

61-
Nesse caso, o evento `change` é passado do componente pai para o filho e será acionado no evento nativo `change` de `<select>`. Não precisamos emitir um evento de `date-picker` explicitamente:
61+
Nesse caso, o evento `change` é passado do componente pai para o filho e será acionado no evento nativo `change` do `<select>`. Não precisamos emitir um evento de `date-picker` explicitamente:
6262

6363
```html
6464
<div id="date-picker" class="demo">
@@ -70,7 +70,7 @@ Nesse caso, o evento `change` é passado do componente pai para o filho e será
7070
const app = Vue.createApp({
7171
methods: {
7272
showChange(event) {
73-
console.log(event.target.value) // irá registrar um valor da opção selecionada
73+
console.log(event.target.value) // exibirá o valor da opção selecionada
7474
}
7575
}
7676
})
@@ -82,9 +82,9 @@ Se você **não** deseja que um componente herde atributos automaticamente, voc
8282

8383
O cenário comum para desativar uma herança de atributo é quando os atributos precisam ser aplicados a outros elementos além do nó raiz.
8484

85-
Ao definir a opção `inheritAttrs` para `false`, você pode controlar para aplicar a outros atributos de elementos para usar a propriedade `$attrs` do componente, que inclui todos os atributos não incluídos às `props` do componente e propriedades `emits` (por exemplo, `class`, `style`, `v-ond`, etc.).
85+
Ao definir a opção `inheritAttrs` para `false`, você pode controlar a aplicação em outros atributos dos elementos, para que usem a propriedade `$attrs` do componente, que inclui todos os atributos não incluídos às propriedades `props` e `emits` do componente (por exemplo, `class`, `style`, eventos `v-on`, etc.).
8686

87-
Usando nosso exemplo de componente date-picker da [seção anterior]('#attribute-inheritance), no caso de precisarmos aplicar todos os atributos não-propriedade ao elemento `input` em vez do elemento `div` raiz, isso pode ser feito usando o atalho `v-bind`.
87+
Usando nosso exemplo de componente date-picker da [seção anterior]('#heranca-de-atributos), no caso de precisarmos aplicar todos os atributos não-propriedade ao elemento `input` em vez do elemento `div` raiz, isso pode ser feito usando o atalho `v-bind`.
8888

8989
```js{5}
9090
app.component('date-picker', {
@@ -109,9 +109,9 @@ Com esta nova configuração, nosso atributo `data-status` será aplicado ao nos
109109
</div>
110110
```
111111

112-
## Herança de atributos em vários nós raiz
112+
## Herança de Atributos em Vários Nós Raízes
113113

114-
Ao contrário dos componentes de um único nó raiz, os componentes com vários nós raiz não têm um comportamento de falha de atributo automático. Se `$attrs` não for vinculado explicitamente, um aviso de tempo de execução será emitido.
114+
Ao contrário dos componentes de um único nó raiz, os componentes com vários nós raízes não têm um comportamento de falha de atributo automático. Se `$attrs` não for vinculado explicitamente, um aviso de tempo de execução será emitido.
115115

116116
```html
117117
<custom-layout id="custom-layout" @click="changeValue"></custom-layout>

0 commit comments

Comments
 (0)