O documento é um guia introdutório sobre o framework Vue.js, abordando sua instalação, estrutura básica e principais funcionalidades como reatividade e componentização. Ele também menciona diretrizes essenciais e próximos passos, incluindo o uso de Vue Router, Vuex, e Nuxt.js. O autor encoraja a exploração de recursos adicionais para avançar no aprendizado do Vue.

1. Vue JS
Por onde começar?

2. Leonardo Thizon Waterkemper
@leonardothizon

3. Javascript para todo lado!

5. O que é Vue?
Sim, é mais um framework Javascript

6. Vue -> pronuncia-se VIEW (viu)
17 kB
Reatividade
Componentização

7. Como começar?
npm install -g vue-cli
vue init webpack vueapp01

8. npm install
npm run dev
cd vueapp01

9. Estrutura criada

10. index.html

11. 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

12. Componentização

13. Single File Components

14. Principais diretivas
v-for
v-model
v-if

15. Eventos e modificadores
@click
@keyup

16. Me prova que isso
existe!

17. Reatividade

18. Ciclo de vida

20. Comunicação entre componentes

21. Próximos passos

22. 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

23. Dúvidas ?

24. Obrigado!