Desenvolvimento Web II

Notas de aula do prof. Eduardo da disciplina de Desenvolvimento Web II (curso técnico)

View on GitHub

Índice da aula

  1. Renderização dos elementos de listas
  2. Manipulação de listas
  3. Exercícios
  4. Correção dos exercícios

Renderização de listas

O uso de listas é muito comum em aplicações web. Em geral, as listas são geradas a partir de dados que são obtidos de um servidor. Sempre que precisamos renderizar uma lista de dados, precisamos de um mecanismo que nos permita iterar sobre os dados e gerar um elemento para cada item da lista. O VueJS oferece uma forma simples de renderizar listas de dados.

Alguns exemplos de listas são:

De forma geral, os dados em listas podem estar em um array ou em um objeto. Em um array, os dados são indexados por números. Em um objeto, os dados são indexados por chaves. Ainda, no caso dos arrays, podemos ter dados um array simples, como um array de strings, ou um array de objetos.

A manipulação de listas é um dos recursos mais importantes do VueJS. Nessa aula, vamos aprender a renderizar listas de dados.

< Início Renderização do elementos de listas >