Projeto 07 - Ciclo de Vida e Hooks 🔄

🎯 Objetivo

Utilizar os estágios de vida de um componente para gerenciar recursos do sistema e chamadas externas.

🛠️ Requisitos

• Uso de onMounted e onUnmounted.

🏗️ Tarefas

1. Relógio Reativo: Crie um componente que exiba as horas atuais.
2. Montagem: No onMounted, inicie um setInterval que atualiza a hora a cada segundo.
3. Limpeza: No onUnmounted, limpe o intervalo para evitar que ele continue rodando na memória após o componente ser destruído.
4. Toggle: No App.vue, crie um botão "Mostrar/Esconder Relógio" para testar se a limpeza está funcionando (verifique via logs no console).

🧪 Verificação

Abra o console do navegador. O relógio deve atualizar a cada segundo. Clique em esconder e verifique se as atualizações no console param imediatamente.