You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/guide/component-attrs.md
+8-8Lines changed: 8 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -1,8 +1,8 @@
1
1
# Atributos Não-Propriedades
2
2
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 lá primeiro se você for novo em componentes.
4
4
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`.
6
6
7
7
## Herança de Atributos
8
8
@@ -58,7 +58,7 @@ app.component('date-picker', {
58
58
})
59
59
```
60
60
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:
62
62
63
63
```html
64
64
<divid="date-picker"class="demo">
@@ -70,7 +70,7 @@ Nesse caso, o evento `change` é passado do componente pai para o filho e será
70
70
constapp=Vue.createApp({
71
71
methods: {
72
72
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
74
74
}
75
75
}
76
76
})
@@ -82,9 +82,9 @@ Se você **não** deseja que um componente herde atributos automaticamente, voc
82
82
83
83
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.
84
84
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.).
86
86
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`.
88
88
89
89
```js{5}
90
90
app.component('date-picker', {
@@ -109,9 +109,9 @@ Com esta nova configuração, nosso atributo `data-status` será aplicado ao nos
109
109
</div>
110
110
```
111
111
112
-
## Herança de atributos em vários nós raiz
112
+
## Herança de Atributos em Vários Nós Raízes
113
113
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.
0 commit comments