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:
Acompanhe a sétima aula do treinaento: