Exercícios: Aula 12 - Projeto Prático II: CRUD (Estrutura) 💾

1. Planejando o CRUD

Para um sistema de Gerenciamento de Produtos, quais são os 4 componentes visuais principais que você criaria para representar as ações de Criar, Ler, Atualizar e Deletar?

2. Verbos HTTP vs CRUD

Relacione as ações do CRUD com os verbos HTTP correspondentes: - Criar novo produto -> ? - Listar produtos -> ? - Atualizar produto existente -> ? - Deletar produto -> ?

3. Mockando a API

Utilize o site JSON Server ou uma ferramenta similar para simular uma API REST local. Crie um arquivo db.json com uma lista inicial de produtos contendo id, nome e preco.

4. Tratamento de Erros Profissional

No script de uma action que realiza um axios.post, como você trataria um erro de validação enviado pelo servidor (ex: Status 400)? Como você exibiria esse erro para o usuário final de forma amigável?

5. Desafio: Formulário de Edição

Crie um componente FormularioProduto.vue que sirva tanto para Criar quanto para Editar. - Ele deve receber um objeto produto opcional via prop. - Se a prop estiver presente, preencha os inputs com os dados (Edição). - Se não estiver, os campos devem começar vazios (Criação). - Ao salvar, o componente deve emitir um evento para o pai ou chamar a action da store correspondente.