Pular para conteúdo

Projeto 05 - Componentização e Props 🧩

🎯 Objetivo

Quebrar uma interface monolítica em pequenos componentes reutilizáveis, utilizando Props para transferência de dados.

🛠️ Requisitos

  • Divisão em múltiplos arquivos .vue.
  • Validação de Props no componente filho.

🏗️ Tarefas

  1. Componente Base: Crie um componente MeuBotao.vue que aceite as props texto (obrigatória) e cor (opcional, com valor padrão).
  2. Componente de Card: Crie um CardProduto.vue que receba um objeto produto (id, nome, preco) e um botão do item 1.
  3. App: No App.vue, renderize uma lista de 3 produtos diferentes utilizando o CardProduto.
  4. Estilização: Utilize o atributo scoped para garantir que o estilo de um card não afete o outro.

🧪 Verificação

Verifique se os cards aparecem de forma independente e se os botões exibem o texto correto enviado pelo componente pai.