Skip to content

Commit 609b2a3

Browse files
committed
Revision in migration/async-components
1 parent 3da1470 commit 609b2a3

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/guide/migration/async-components.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,21 @@ badges:
33
- new
44
---
55

6-
# Componentes Assíncronos (Async Components) <MigrationBadges :badges="$frontmatter.badges" />
6+
# Componentes Assíncronos <MigrationBadges :badges="$frontmatter.badges" />
77

88
## Visão Geral
99

10-
Sobre o que mudou, em visão geral::
10+
Sobre o que mudou, em visão geral:
1111

12-
- Novo metodo helper `defineAsyncComponent` que define explicitamente componentes assincronos
12+
- Novo método helper `defineAsyncComponent` que define explicitamente componentes assíncronos
1313
- Opção `component` renomeada para `loader`
1414
- Função Loader não recebe inerentemente os argumentos `resolve` e `reject` e deve retornar uma Promise
1515

1616
Para uma explicação mais aprofundada, continue lendo!
1717

1818
## Introdução
1919

20-
Anteriormente, componentes assincronos eram criados simplesmente definindo um componente como uma função que retornava uma Promise, tal como:
20+
Anteriormente, componentes assíncronos eram criados simplesmente definindo um componente como uma função que retornava uma Promise, tal como:
2121

2222
```js
2323
const asyncPage = () => import('./NextPage.vue')
@@ -35,7 +35,7 @@ const asyncPage = {
3535
}
3636
```
3737

38-
## Sintaxe 3.x
38+
## Sintaxe v3.x
3939

4040
Agora, no Vue 3, uma vez que os componentes funcionais são definidos como funções puras, as definições de componentes assíncronos precisam ser definidas explicitamente, envolvendo-o em um novo helper `defineAsyncComponent`:
4141

@@ -44,10 +44,10 @@ import { defineAsyncComponent } from 'vue'
4444
import ErrorComponent from './components/ErrorComponent.vue'
4545
import LoadingComponent from './components/LoadingComponent.vue'
4646

47-
// Componente Assincrono sem opções
47+
// Componente Assíncrono sem opções
4848
const asyncPage = defineAsyncComponent(() => import('./NextPage.vue'))
4949

50-
// Componente Assincrono com opções
50+
// Componente Assíncrono com opções
5151
const asyncPageWithOptions = defineAsyncComponent({
5252
loader: () => import('./NextPage.vue'),
5353
delay: 200,
@@ -57,7 +57,7 @@ const asyncPageWithOptions = defineAsyncComponent({
5757
})
5858
```
5959

60-
Outra mudança em relação a versão 2.x é a de que a opção `component` foi renomeada para `loader` a fim de comunicar com precisão que uma definição de componente não pode ser fornecida diretamente.
60+
Outra mudança em relação a v2.x é a de que a opção `component` foi renomeada para `loader` a fim de comunicar com precisão que uma definição de componente não pode ser fornecida diretamente.
6161

6262
```js{4}
6363
import { defineAsyncComponent } from 'vue'
@@ -90,4 +90,4 @@ const asyncComponent = defineAsyncComponent(
9090

9191
Para mais informações sobre o uso de componentes assincronos, leia:
9292

93-
- [Guide: Dynamic & Async Components](/guide/component-dynamic-async.html#dynamic-components-with-keep-alive)
93+
- [Guia: Componentes Dinâmicos & Assíncronos](/guide/component-dynamic-async.html#componentes-dinamicos-com-keep-alive)

0 commit comments

Comments
 (0)