Category Archives: Vue

VUE2 – Excitante!

WebApp – Saga

O que nós ganhamos!

Conheça “o que ganhamos” com esta tecnologia que promete “simplificar” a vida dos devs APPs.

O Vue2 é uma ferramenta projetada no desenvolvedor, na nossa experiência de uso.

Veja as suas alterações importantes, mas não uma completa reformulação da biblioteca (como ocorreu com Angular 2).

Ciclo de vida do app

Ganhamos novos eventos:

  • beforeMount
  • mounted
  • beforeUpdate
  • updated
  • activated
  • deactivated

Diretivas perdem “poder”

O Vue caminha na direção da utilização contínua de componentes, então as diretivas saem de cena. Priorize sempre a criação de componentes.

Loops com v-for

Uma mudança é não usar as variáveis $index e $key, que determinavam o índice e a chave do loop. Agora devemos declará-las no loop, como: v-for=”(value, index) in arr”.

Filtros

Agora podem somente ser usados em “.

Filtros em laços v-for ou v-model não serão mais suportados, que podem ser substituídos por propriedades computadas.

Model

O lazy agora deverá estar associado ao model, como um modificador, exemplo: v-model.lazy=”foo”.

Trim

Ganhamos um novo modificador para o v-model, o trim que retira espaços em branco no início e final do valor.

Vue – TwoWay Data Binding 

WebApp Saga – Chapter : 3

Bind realizado com sucesso!

A missão de hoje é fazer um estudo tratando dos detalhes fundamentais que precisamos conhecer para escrever códigos Vue/Bind.

O Two-Way databing nos permite definir uma variável pode estar ligada a um elemento e este elemento pode alterar a variável, como uma via dupla.

Ao final da missão, deveremos ter domínio sob a estrutura básica de um front Vue sendo capaz de organizar boas soluções utilizando seus recursos.

Bem, vamos então parar de “blá-blá-blá” e vamos nos divertir.

Enfim, vamos fazer um overview sobre:

  • Overview
  • HelloWorld
  • Por que utilizamos callbacks sempre?
  • O form mais simples do mundo
  • Recebendo os dados do form
  • Cadastrando um novo produto
  • Mais sobre o protocolo HTTP
  • Redirect after post

Next stop VueJS. Dissambark on the left.

Keep Programming!!!!