Skip to content

Commit a489bfe

Browse files
authored
Review on guide/instance
1 parent 239fe91 commit a489bfe

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/guide/instance.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Instâncias de Aplicação e de componentes
1+
# Instâncias de Aplicação e de Componentes
22

33
## Criando uma Instância de Aplicação
44

@@ -8,7 +8,7 @@ Toda aplicação Vue começa com a criação de uma nova **instância** com a fu
88
const app = Vue.createApp({ /* opções */ })
99
```
1010

11-
A instância de aplicação é usada para registrar 'globais' que podem ser usados pelos componentes dentro da aplicação. Discutiremos isso em detalhes posteriormente no guia, mas como um exemplo rápido:
11+
A instância da aplicação é usada para registrar 'globais' que podem ser usados pelos componentes dentro da aplicação. Discutiremos isso em detalhes posteriormente no guia, mas como um exemplo rápido:
1212

1313
```js
1414
const app = Vue.createApp({})
@@ -17,7 +17,7 @@ app.directive('focus', FocusDirective)
1717
app.use(LocalePlugin)
1818
```
1919

20-
A maioria dos métodos expostos pela instância de aplicação retornam a própria instância, permitindo encadeamentos:
20+
A maioria dos métodos expostos pela instância da aplicação retornam a própria instância, permitindo encadeamentos:
2121

2222
```js
2323
Vue.createApp({})
@@ -42,12 +42,12 @@ const vm = app.mount('#app')
4242

4343
Diferente da maioria dos métodos de aplicação, `mount` não retorna uma instância da aplicação. Em vez disso, retorna a instância do componente raiz.
4444

45-
Embora não seja estritamente associado ao [padrão MVVM](https://en.wikipedia.org/wiki/Model_View_ViewModel), o design do Vue foi parcialmente inspirado por ele. Como convenção, costumamos usar a variável `vm` (abreviação de ViewModel) para se referir a uma instância de componente.
45+
Embora não seja estritamente associado ao [padrão MVVM](https://en.wikipedia.org/wiki/Model_View_ViewModel), o design do Vue foi parcialmente inspirado por ele. Como convenção, costumamos usar a variável `vm` (abreviação de ViewModel) para se referir à uma instância de componente.
4646

4747
Embora todos os exemplos nesta página precisem apenas de um único componente, a maioria das aplicações reais são organizadas em uma árvore de componentes reutilizáveis aninhados. Por exemplo, a árvore de componentes de uma aplicação Todo pode ter a seguinte aparência:
4848

4949
```
50-
Root Component
50+
Componente Raiz
5151
└─ TodoList
5252
├─ TodoItem
5353
│ ├─ DeleteTodoButton
@@ -63,7 +63,7 @@ Falaremos sobre [o sistema de componentes](component-basics.html) em detalhes de
6363

6464
## Propriedades da Instância do Componente
6565

66-
No início do guia que conhecemos as propriedades do `data`. Propriedades definidas no `data` são expostas por meio da instância do componente:
66+
No início do guia conhecemos as propriedades do `data`. Propriedades definidas no `data` são expostas por meio da instância do componente:
6767

6868
```js
6969
const app = Vue.createApp({
@@ -77,9 +77,9 @@ const vm = app.mount('#app')
7777
console.log(vm.count) // => 4
7878
```
7979

80-
Existem várias outras opções de componentes que adicionam propriedades definidas pelo usuário à instância do componente, tais como `methods`, `props`, `computed`, `inject` e `setup`. Discutiremos cada um deles em detalhes posteriormente no guia. Todas as propriedades da instância do componente, não importa como sejam definidas, estará acessível no template do componente.
80+
Existem várias outras opções de componentes que adicionam propriedades definidas pelo usuário à instância do componente, tais como `methods`, `props`, `computed`, `inject` e `setup`. Discutiremos cada um deles em detalhes posteriormente no guia. Todas as propriedades da instância do componente, não importa como sejam definidas, estarão acessíveis no _template_ do componente.
8181

82-
O Vue também expõe algumas propriedades integradas por meio da instância do componente, tais como `$attrs` e `$emit`. Todas essas propriedades têm um `$` prefixo para evitar conflito com nomes de propriedade definidas pelo usuário.
82+
O Vue também expõe algumas propriedades integradas por meio da instância do componente, tais como `$attrs` e `$emit`. Todas essas propriedades têm um prefixo `$` para evitar conflito com nomes de propriedade definidas pelo usuário.
8383

8484
## Gatilhos de Ciclo de Vida
8585

0 commit comments

Comments
 (0)