Questão de Desenvolvimento Web · FCC TJ-CE 2022 (nº 43)

Um aplicativo Vue.js é como um "mini-programa" que controla uma parte da sua página web, e para ele começar a funcionar, você precisa primeiro criar e iniciar esse programa.

A) Incorreta: As diretivas corretas para renderização condicional em Vue.js são `v-if`, `v-else-if` e `v-else`, utilizando o prefixo `v-` e em minúsculas, não `vueIf`, `vueElse` ou `vueElseIf`.
B) Correta: Em Vue 3, o ponto de partida para qualquer aplicativo é a criação de uma nova instância da aplicação usando a função `createApp()`, que retorna um objeto de aplicação.
C) Incorreta: O método `.mount()` é quem inicia o processo de renderização do aplicativo Vue, conectando-o a um elemento HTML existente na página. Antes de `.mount()`, a instância da aplicação existe em memória, mas não está visível nem interage com o DOM. **(Armadilha da banca: Esta alternativa tenta confundir o aluno sobre o ciclo de vida da aplicação. A criação da instância é uma coisa, mas a renderização e a exibição na tela só acontecem depois que o `.mount()` é chamado, pois é ele quem "ancora" o app ao HTML.)
D) Incorreta: Para definir um manipulador de erros global (`errorHandler`), utiliza-se a propriedade `app.config.errorHandler`, onde `app` é a instância da aplicação criada com `createApp`. Não existe um objeto `catchComponent` para essa finalidade.
E) Incorreta: Embora seja comum ter uma única instância de aplicação em uma Single Page Application (SPA), Vue.js permite que você crie e monte múltiplas instâncias de aplicação independentes** na mesma página HTML, cada uma controlando uma parte diferente do DOM.