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/instance.md
+8-8Lines changed: 8 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,4 @@
1
-
# Instâncias de Aplicação e de componentes
1
+
# Instâncias de Aplicação e de Componentes
2
2
3
3
## Criando uma Instância de Aplicação
4
4
@@ -8,7 +8,7 @@ Toda aplicação Vue começa com a criação de uma nova **instância** com a fu
8
8
constapp=Vue.createApp({ /* opções */ })
9
9
```
10
10
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:
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:
21
21
22
22
```js
23
23
Vue.createApp({})
@@ -42,12 +42,12 @@ const vm = app.mount('#app')
42
42
43
43
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.
44
44
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.
46
46
47
47
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:
48
48
49
49
```
50
-
Root Component
50
+
Componente Raiz
51
51
└─ TodoList
52
52
├─ TodoItem
53
53
│ ├─ DeleteTodoButton
@@ -63,7 +63,7 @@ Falaremos sobre [o sistema de componentes](component-basics.html) em detalhes de
63
63
64
64
## Propriedades da Instância do Componente
65
65
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:
67
67
68
68
```js
69
69
constapp=Vue.createApp({
@@ -77,9 +77,9 @@ const vm = app.mount('#app')
77
77
console.log(vm.count) // => 4
78
78
```
79
79
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.
81
81
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.
0 commit comments