Pular para o conteúdo principal

Questão de Programação — Frameworks em Programação — CESPE / CEBRASPE 2025

ProgramaçãoFrameworks em Programação
Código
ce209613
Banca
CESPE / CEBRASPE
Órgão
PC-DF
Ano
2025
Nível
Superior
Cargo
Gestor de Apoio as Atividades Policiais Civis - Especialidade: Analista de Informática: Desenvolvimento de Sistemas
import { createApp } from 'vue';const app = createApp({data() {return {message: 'Olá, Vue!'};},template: '<h1>message</h1'{ ) ;app.mount ('#app');Com base no trecho de código precedente, referente ao framework Vue.js, julgue o item a seguir.A execução do código criará uma aplicação Vue, que renderiza a mensagem Olá, Vue! no elemento com id=“app”, exibindo o conteúdo do template ,<h1> message </h1> na página.
  1. CCerto
  2. EErrado
Revelar gabarito e comentário

GabaritoE — Errado

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 – Sintaxe e Interpolação

Gabarito: ❌ ERRADO (Alternativa E). O código apresenta erro de sintaxe (falta o > de fechamento da tag </h1>) e não utiliza a interpolação correta para exibir o valor da propriedade message. Em Vue.js, para renderizar o valor de uma propriedade do objeto data, deve-se usar a sintaxe {{ message }} (double curly braces). O template escrito como '<h1>message</h1' renderizará o texto literal "message" e, devido ao erro de fechamento, possivelmente causará um erro de compilação.

Análise do código

  • createApp({ data() { return { message: 'Olá, Vue!' }; }, template: '<h1>message</h1' }) – a string 'message' não é uma expressão Vue; é texto literal. Para interpolar, deveria ser '<h1>{{ message }}</h1>'. Além disso, a tag <h1> não foi fechada corretamente (falta >).

  • app.mount('#app') – o método mount é correto.

Portanto, a afirmação de que o código renderiza a mensagem "Olá, Vue!" é incorreta.

  1. 1Template literal 'message'
  2. 2Deveria ser '{{ message }}'
  3. 3Tag </h1> sem fechamento
  4. 4Renderiza texto literal, não o valor
LEVEL · soulevel.com.br

✅ ERRADO.

Link permanente: /questoes/ce209613