Category Archives: Vue

Vue – CLI

Chapter : 14

VueJS, CLI in Action!

Entenda detalhes fundamentais que precisamos conhecer para criar Apps Vue que utilizam o CLI.

O vue-cli é uma ótima ferramenta para criação de templates para a iniciação de projetos.

Ao final da missão, deveremos ter domínio sob o conceitos de componentes em um frontend VueJS sendo capaz de organizar boas soluções utilizando seus recursos.

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

  • Overview
  • Criar um template com vue-cli

Por hoje é só. O jogo continua.

Keep Programming!!!!

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.