Questão de Programação — Programação de front end — Quadrix 2024

Vue.js: framework reativo e baseado em componentes

Gabarito: C — CERTO. O Vue.js é, de fato, um framework JavaScript progressivo que permite a criação de interfaces de usuário reativas e baseadas em componentes, facilitando a construção de aplicações web interativas. Essa é a definição central da ferramenta, amplamente reconhecida na documentação oficial e na literatura técnica.

O Vue.js foi criado por Evan You em 2014 e se destaca por sua abordagem progressiva: você pode usá-lo em partes de uma página existente ou em projetos completos, sem exigir uma reescrita total. Sua arquitetura é centrada em componentes, que são blocos reutilizáveis de interface (HTML, CSS e JavaScript) encapsulados. Cada componente gerencia seu próprio estado e pode ser composto para formar aplicações complexas.

A reatividade é o coração do Vue. Quando o estado de um componente muda, a interface é atualizada automaticamente, sem manipulação manual do DOM. Isso é possível graças a um sistema de reatividade baseado em proxies (no Vue 3) ou getters/setters (no Vue 2), que rastreia as dependências e re-renderiza apenas os trechos afetados. Esse modelo elimina a necessidade de código imperativo para sincronizar dados e visualização, tornando o desenvolvimento mais declarativo e produtivo.

Na prática, um exemplo simples: você tem um contador com um botão. No Vue, basta declarar uma variável reativa e um método que a incrementa; o template referencia essa variável e, ao clicar, o valor exibido é atualizado automaticamente. Sem Vue, você precisaria selecionar o elemento, adicionar um listener e atualizar o textContent manualmente. Essa diferença ilustra o ganho de produtividade.

É importante distinguir o Vue de outras ferramentas do mesmo ecossistema. O Alpine.js, mencionado no enunciado, é uma biblioteca leve que também oferece reatividade, mas com uma abordagem mais minimalista, voltada para adicionar comportamento interativo a páginas HTML existentes, sem a estrutura de componentes completa do Vue. Já o React e o Angular são concorrentes diretos, cada um com suas particularidades: o React usa JSX e um modelo de reatividade baseado em estado explícito; o Angular é um framework completo com injeção de dependência e TypeScript. O Vue se posiciona como um meio-termo: mais simples que o Angular, mas mais estruturado que o Alpine.

A banca explora aqui um conhecimento básico, mas fundamental: reconhecer as características essenciais de um framework popular. A pegadinha seria confundir o Vue com uma biblioteca de manipulação de DOM (como jQuery) ou com uma linguagem de programação, mas a afirmação é precisa e direta.

Guarde o par reatividade + componentes como a assinatura do Vue.js: é exatamente isso que a questão cobra e que aparece em qualquer definição da ferramenta.

Item — ✅ CERTO

A afirmação descreve com precisão as duas características centrais do Vue.js: reatividade (atualização automática da interface quando os dados mudam) e componentização (organização da UI em blocos reutilizáveis). Esses são os pilares que permitem construir aplicações web interativas de forma eficiente, como consta na documentação oficial e em materiais técnicos. Não há qualquer erro ou exagero na assertiva.

Gabarito: C — CERTO.