VueJs é uma alternativa elegante e de código aberto para construir interfaces de usuário em JavaScript. O documento discute os principais recursos do VueJs, incluindo simplicidade, data binding, computação de propriedades, métodos, sintaxe de template, componentes, props, carregadores e comparação com outros frameworks.

1. VueJs
Uma alternativa elegante

2. Quem sou eu
Jonathan Bijos - 21 - Carioca
Desenvolvedor Javascript & iOS
Github → @Quaggie
Email → jonathanpbijos@gmail.com

3. VueJs
Fonte: https://vuejs.org/

4. VueJs
Fonte:

5. Open source
Fonte:

6. Quem usa
Fonte: https://vuejs.org/

7. Simplicidade

8. Simplicidade

9. Simplicidade

10. Simplicidade

11. Data
JS

12. Data
HTML

13. Watch
JS

14. Computed Properties
JS

15. Computed Properties
HTML

16. Methods
JS

17. Methods
HTML

18. Template Syntax
HTML

19. Class style syntax

20. v-if & v-else
JS

21. v-if & v-else
HTML

22. v-show
HTML

23. v-show

24. v-for
Result:

25. v-for
Result:

26. v-for
Result:

27. Events & Modifiers
Fonte: http://vuejs.org/guide/syntax.html#v-bind-Shorthand

28. Events & Modifiers
Fonte: http://vuejs.org/guide/events.html

29. Events & Modifiers
Fonte: http://vuejs.org/guide/events.html
Exemplo:
v-on:click === @click

30. Events & Modifiers
Fonte: http://vuejs.org/guide/events.html
Exemplo:
v-on:click === @click

31. Components
HTML JS

32. Components
Single file
component
Hello.vue

33. Components

34. Components

35. Components

36. Components
Single file
component
Hello.vue

37. Props
JS

38. Props
HTML

39. Vue Loader

40. Vue Loader

41. Vue Loader

42. Vue Loader

43. Vue Loader

44. Vue Loader

45. Comparação
Fonte: https://vuejs.org/guide/comparison.html

46. Comparação
Fonte: https://vuejs.org/guide/comparison.html

47. Comparação
Fonte: https://vuejs.org/guide/comparison.html

48. Let’s Test!

49. Fim!
Obrigado!
Github → @Quaggie
Email → jonathanpbijos@gmail.com