Vue JS
Por onde começar?
Leonardo Thizon Waterkemper
@leonardothizon
Javascript para todo lado!
O que é Vue?
Sim, é mais um framework Javascript
Vue -> pronuncia-se VIEW (viu)
17 kB
Reatividade
Componentização
Como começar?
npm install -g vue-cli
vue init webpack vueapp01
npm install
npm run dev
cd vueapp01
Estrutura criada
index.html
Classe principal do framework
Componente raíz da aplicação
Cria instância do Vue
<div id="app"></div>
Código HTML que será inserido
Componentes Vue que serão
utilizados na aplicação
main.js
Componentização
Single File Components
Principais diretivas
v-for
v-model
v-if
Eventos e modificadores
@click
@keyup
Me prova que isso
existe!
Reatividade
Ciclo de vida
Comunicação entre componentes
Próximos passos
Para ir além do básico...
Vue Router: gerenciamento de rotas
Transitions: transições e animações
Vuex: gerenciamento de estados (Flux)
Nuxt.js: renderização no lado do servidor
Vuetify: Material Design
Dúvidas ?
Obrigado!

Introdução Vue JS