7 - Data Bindings

Olá pessoal, na sétima aula do treinamento de Vue.js, iremos aprender sobre os data bindings.

Os data bindings, são estruturas flexíveis para deixar o arquivo HTML mais dinâmico. Existem quatro tipos de data bindings, sendo eles:

  • Interpolation (interpolação);
  • Property Binding;
  • Event Bimding;
  • Two-way Binding (ligação bidirecional).

Para trabalhar com cada data binding, utilizamos as seguintes estruturas respectivamentes:

  • {{}} -> Interpolation;
  • [] -> Property;
  • () -> Event;
  • [()] -> Two-way.

Na aula disponívei no YouTube, faremos um pequeno exercício utilizando o Property Binding e o Event Binding. Abaixo compartilho as imagens que serão utilizadas:

Imagem extraída do site: https://mediaim.expedia.com/destination/1/7130f179995d0527d9bc4680a253657e.jpg
Imagem extraída do site: https://www.pacoteshyatt.com.br/wp-content/uploads/2020/02/cartao-postal-de-sao-paulo.png

Acompanhe a sétima aula do treinaento: