O documento discute o framework Vue.js, incluindo sua estrutura de código baseada em componentes, diretivas e comunicação entre componentes. É apresentado como uma alternativa melhor ao Angular e React, com explicações sobre componentes, diretivas como v-show e v-for, e formas de comunicação como comunicação direta, event bus e Vuex.

1. VUE.JS
UMA MARAVILHA CHAMADA VUE.JS

2. CRISTIANO CUNHA
22 ANOS
PELOTAS - RS
DESENVOLVEDOR .NET
QUE AMA VUE
INSTRUTOR DE PROGRAMACAO
Quem sou eu

3. O que vai rolar?
BASE DO VUE - ESTRUTURA DO CÓDIGO

4. O que vai rolar?
BASE DO VUE - ESTRUTURA DO CÓDIGO
COMPONENTIZAÇÃO

5. O que vai rolar?
BASE DO VUE - ESTRUTURA DO CÓDIGO
COMPONENTIZAÇÃO
COMUNICAÇÃO ENTRE COMPONENTES

6. O que vai rolar?
BASE DO VUE - ESTRUTURA DO CÓDIGO
COMPONENTIZAÇÃO
COMUNICAÇÃO ENTRE COMPONENTES
DICAS

7. O que é o VUE?
FRAMEWORK WEB

8. O que é o VUE?
FRAMEWORK WEB
FUNCIONA COM JS E TS

9. O que é o VUE?
FRAMEWORK WEB
FUNCIONA COM JS E TS
MELHOR DO ANGULAR E DO REACT

11. O que é um componente?
FORMA DE ORGANIZAR O CÓDIGO

12. O que é um componente?
FORMA DE ORGANIZAR O CÓDIGO
COM RESPONSABILIDADE UNICA

13. O que é um componente?
FORMA DE ORGANIZAR O CÓDIGO
COM RESPONSABILIDADE UNICA
AUTOSSUFICIENTE

14. O que é um componente?
FORMA DE ORGANIZAR O CÓDIGO
COM RESPONSABILIDADE UNICA
AUTOSSUFICIENTE
REAPROVEITAR CÓIDIGO

15. O que é um componente?

16. Estrutura de um componente

17. Diretivas

18. Diretivas
V-SHOW

19. Diretivas

20. Diretivas
V-SHOW
V-IF

21. Diretivas

22. Diretivas
V-SHOW
V-IF
V-FOR

23. Diretivas

24. Diretivas

25. Diretivas
V-SHOW
V-IF
V-FOR
V-ON

26. Diretivas

27. Diretivas
V-SHOW
V-IF
V-FOR
V-ON
V-MODEL

28. Diretivas

29. V-SHOW
V-IF
V-FOR
V-ON
V-MODEL
V-BIND
Diretivas

30. Diretivas

31. Diretivas

32. <Script>

33. <script></script>
DATA

34. <script></script>

35. <script></script>
DATA
COMPUTED

36. <script></script>

37. <script></script>
DATA
COMPUTED
WATCH

38. <script></script>

39. <script></script>
DATA
COMPUTED
WATCH
METHODS

40. <script></script>

41. Comunicação
entre
componentes

42. Comunicação
entre
componentes
DIRETA
Entre componentes pai e
filho

43. Comunicação
entre
componentes
DIRETA
Entre componentes pai e
filho
EVENT BUS
Comunicação usando
mensagens globais

44. Comunicação
entre
componentes
DIRETA
Entre componentes pai e
filho
VUEX
Estado global da
aplicação
EVENT BUS
Comunicação usando
mensagens globais

45. Comunicação Direta

46. Comunicação Direta

47. Global Event Bus

48. Global Event Bus

49. Vuex

50. COMPONENTE 1 COMPONENTE 2
COMPONENTE 3
ESTADO
GLOBAL
Vuex

51. Vuex

52. Vuex - Modulos

53. Vuex - Modulos(DDD)

54. Router

55. Router

56. Router - Navegation Guards

57. Vue Devtools

58. Vue Devtools

59. Vuetify

60. Vuetify

61. Contact
me
EMAIL
contato@cristianoprogramador.com
WEBSITE
cristianoprogramador.com