Introdução às exibições dinâmicas
Quando está criando páginas baseadas em dados, você pode precisar alterar a exibição de acordo com determinados valores. Ou talvez você queira exibir vários itens em uma matriz.
Usando o Vue.js, você pode fazer essas coisas por meio de diretivas. E fazer isso permite que você use HTML para controlar a saída, o que é natural para muitos desenvolvedores da Web.
Neste módulo, você explora como exibir itens em uma matriz e como implementar a lógica de exibição condicional.
Objetivos
Depois de concluir este módulo, você saberá como:
- Renderizar todos os itens em uma matriz.
- Mostrar ou ocultar elementos HTML com base em valores de variáveis.
- Usar as instruções if, else e else-if em Vue.js.
Pré-requisitos
- Conhecimento de HTML e CSS
- Conhecimento de JavaScript
- Familiaridade com Vue.js e diretivas
- Git
- Visual Studio Code
- Extensão do Live Server