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
refoureactive. - Uso de Interpolação
{{ }}e Bind de atributos:src,:alt.
🏗️ Tarefas
- Estado do Perfil: Crie um objeto reativo que contenha:
nome,bio,seguidores(número) eurlAvatar. - Visual: Crie um Card que exiba essas informações de forma elegante.
- Ação: Adicione um botão "Seguir" que, ao ser clicado, adicione +1 ao número de seguidores.
- Log: Use um
watchpara 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.