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
- Componente Base: Crie um componente
MeuBotao.vueque aceite as propstexto(obrigatória) ecor(opcional, com valor padrão). - Componente de Card: Crie um
CardProduto.vueque receba um objeto produto (id, nome, preco) e um botão do item 1. - App: No
App.vue, renderize uma lista de 3 produtos diferentes utilizando oCardProduto. - Estilização: Utilize o atributo
scopedpara 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.