Exercícios

1. Para fixar os conteúdos de rotas e componentes, sugiro a realização dos seguintes exercícios:

   • Crie um componente chamado HeaderComponent que exibe um título e uma logo.
   • Altere o App.Vue para que o componente HeaderComponent seja exibido em todas as páginas, dentro da tag header.
   • Crie um component chamado MenuComponent que exibe uma lista de links para as páginas Home, Projetos, Contato e Sobre nós.
   • Altere o layout da aplicação para que o componente MenuComponent seja exibido em todas as páginas, dentro da tag aside.
   • Crie um componente chamado FooterComponent que exibe o texto “Desenvolvido por [seu nome]”.
   • Altere o layout da aplicação para que o componente FooterComponent seja exibido em todas as páginas. Note que ele precisa ser incorporado na grid do layout.

2. Desafio: na página de produtos, faça a listagem de produtos, como feito nas aulas de components. Edite o componente ProductsView para exibir uma lista de produtos. Cada produto deve conter um id, nome e preco. Utilize o componente ProductList para exibir a listagem dos produtos. Garanta que o método para remover o produto esteja funcionando.

< Criando um projeto com Vue Router Rotas dinâmicas (Listagem de produtos) >