Pular para o conteúdo principal

Questão de Programação — Frameworks em Programação — FCC 2022

ProgramaçãoFrameworks em Programação
Código
fc063828
Banca
FCC
Órgão
TJ-CE
Ano
2022
Cargo
Analista Judiciário - Ciência da Computação - Sistemas da Informação
Um Analista foi requisitado para corrigir uma aplicação construída com Vue.js e, para realizar este trabalho, estudou os princípios e as funcionalidades deste framework, em que consta, dentre outros, que:
  1. APara renderizar condicionalmente um bloco, utilizam-se as diretivas vueIf, vueElse e vueElseTf.
  2. BTodo aplicativo Vue começa criando-se uma nova instância da aplicação com a função createApp.
  3. CUma instância da aplicação renderiza todo o aplicativo antes do método .mount () ser chamado.
  4. DPara definir um manipulador de erros (errorHandler) utiliza-se um objeto catchComponent.
  5. EDeve haver somente uma instância de aplicação na mesma página.
Revelar gabarito e comentário

GabaritoB — Todo aplicativo Vue começa criando-se uma nova instância da aplicação com a função createApp.

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

Vue.js: Princípios e Funcionalidades

Gabarito: letra B. Em Vue 3, o ponto de partida de uma aplicação é a criação de uma instância com a função createApp. As demais alternativas contêm erros comuns: A) troca os nomes das diretivas condicionais; C) afirma que a renderização ocorre antes do .mount(), quando na verdade ela só começa após a chamada; D) inventa um objeto catchComponent inexistente; E) alega que só pode haver uma instância por página, o que é falso.

1Inicialização
createApp (gabarito)
Antes: new Vue() (Vue 2)
2Diretivas condicionais
v-if
v-else-if
v-else
3Renderização
Só após .mount()
Antes: estado de configuração
4Manipulador de erros
app.config.errorHandler
5Múltiplas instâncias
Permitido na mesma página
Vue.js (Vue 3)
LEVELsoulevel.com.br
Vue.js (Vue 3): Inicialização (createApp (gabarito), Antes: new Vue() (Vue 2)); Diretivas condicionais (v-if, v-else-if, v-else); Renderização (Só após .mount(), Antes: estado de configuração); Manipulador de erros (app.config.errorHandler); Múltiplas instâncias (Permitido na mesma página)

Alternativa A — ❌ Incorreta

As diretivas condicionais do Vue.js são v-if, v-else-if e v-else. A alternativa inventa nomes como vueIf, vueElse e vueElseTf, que não existem na API do framework. O padrão é o prefixo v-.

Alternativa B — ✅ Correta ⟵ GABARITO

Conforme a documentação oficial do Vue 3, uma aplicação é iniciada com a função createApp, que retorna uma instância de aplicação. Exemplo: const app = Vue.createApp({...}). Isso contrasta com o Vue 2, que usava new Vue().

Alternativa C — ❌ Incorreta

O método .mount() é quem efetivamente monta a instância no DOM e inicia a renderização. Antes de .mount() ser chamado, a aplicação não é renderizada; ela permanece em estado de configuração.

Alternativa D — ❌ Incorreta

Para definir um manipulador global de erros no Vue, utiliza-se app.config.errorHandler, e não um objeto catchComponent. Exemplo: app.config.errorHandler = (err) => { ... }.

Alternativa E — ❌ Incorreta

É perfeitamente possível ter múltiplas aplicações Vue na mesma página, criando várias instâncias com createApp e montando-as em diferentes elementos do DOM. Não há restrição de uma única instância.

Gabarito: letra B.

Link permanente: /questoes/fc063828