Pular para conteúdo

Projeto 06 - Eventos e Comunicação 📡

🎯 Objetivo

Estabelecer a comunicação de "baixo para cima" (filho para pai) utilizando defineEmits.

🛠️ Requisitos

  • Uso de defineEmits no componente filho.
  • Captura de eventos com @ no componente pai.

🏗️ Tarefas

  1. Filho: Crie um componente TecladoNumerico.vue com botões de 1 a 9.
  2. Ação: Ao clicar em qualquer número, o componente deve disparar um evento clique-numero enviando o valor pressionado como conteúdo (payload).
  3. Pai: No App.vue, receba esses números e vá concatenando-os em uma variável resultado para formar um número de telefone.
  4. Botão Limpar: O pai deve ter um botão para resetar a variável.

🧪 Verificação

Digite uma sequência de números no teclado e verifique se o número completo está sendo montado corretamente na tela do componente pai.