Pular para conteúdo

Projeto 03 - Card Interativo (Reatividade) ⚛️

🎯 Objetivo

Implementar a reatividade do Vue para criar uma interface que responde aos dados em tempo real.

🛠️ Requisitos

  • Uso de ref ou reactive.
  • Uso de Interpolação {{ }} e Bind de atributos :src, :alt.

🏗️ Tarefas

  1. Estado do Perfil: Crie um objeto reativo que contenha: nome, bio, seguidores (número) e urlAvatar.
  2. Visual: Crie um Card que exiba essas informações de forma elegante.
  3. Ação: Adicione um botão "Seguir" que, ao ser clicado, adicione +1 ao número de seguidores.
  4. Log: Use um watch para imprimir no console toda vez que o número de seguidores mudar.

🧪 Verificação

Ao clicar no botão, o número na tela deve atualizar instantaneamente sem que a página recarregue.