Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Uma maravilha chamada vue.js

Apresentação sobre o Vue.js

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

  • Be the first to like this

Uma maravilha chamada vue.js

  1. 1. VUE.JS UMA MARAVILHA CHAMADA VUE.JS
  2. 2. CRISTIANO CUNHA 22 ANOS PELOTAS - RS DESENVOLVEDOR .NET QUE AMA VUE INSTRUTOR DE PROGRAMACAO Quem sou eu
  3. 3. O que vai rolar? BASE DO VUE - ESTRUTURA DO CÓDIGO
  4. 4. O que vai rolar? BASE DO VUE - ESTRUTURA DO CÓDIGO COMPONENTIZAÇÃO
  5. 5. O que vai rolar? BASE DO VUE - ESTRUTURA DO CÓDIGO COMPONENTIZAÇÃO COMUNICAÇÃO ENTRE COMPONENTES
  6. 6. O que vai rolar? BASE DO VUE - ESTRUTURA DO CÓDIGO COMPONENTIZAÇÃO COMUNICAÇÃO ENTRE COMPONENTES DICAS
  7. 7. O que é o VUE? FRAMEWORK WEB
  8. 8. O que é o VUE? FRAMEWORK WEB FUNCIONA COM JS E TS
  9. 9. O que é o VUE? FRAMEWORK WEB FUNCIONA COM JS E TS MELHOR DO ANGULAR E DO REACT
  10. 10. O que é um componente? FORMA DE ORGANIZAR O CÓDIGO
  11. 11. O que é um componente? FORMA DE ORGANIZAR O CÓDIGO COM RESPONSABILIDADE UNICA
  12. 12. O que é um componente? FORMA DE ORGANIZAR O CÓDIGO COM RESPONSABILIDADE UNICA AUTOSSUFICIENTE
  13. 13. O que é um componente? FORMA DE ORGANIZAR O CÓDIGO COM RESPONSABILIDADE UNICA AUTOSSUFICIENTE REAPROVEITAR CÓIDIGO
  14. 14. O que é um componente?
  15. 15. Estrutura de um componente
  16. 16. Diretivas
  17. 17. Diretivas V-SHOW
  18. 18. Diretivas
  19. 19. Diretivas V-SHOW V-IF
  20. 20. Diretivas
  21. 21. Diretivas V-SHOW V-IF V-FOR
  22. 22. Diretivas
  23. 23. Diretivas
  24. 24. Diretivas V-SHOW V-IF V-FOR V-ON
  25. 25. Diretivas
  26. 26. Diretivas V-SHOW V-IF V-FOR V-ON V-MODEL
  27. 27. Diretivas
  28. 28. V-SHOW V-IF V-FOR V-ON V-MODEL V-BIND Diretivas
  29. 29. Diretivas
  30. 30. Diretivas
  31. 31. <Script>
  32. 32. <script></script> DATA
  33. 33. <script></script>
  34. 34. <script></script> DATA COMPUTED
  35. 35. <script></script>
  36. 36. <script></script> DATA COMPUTED WATCH
  37. 37. <script></script>
  38. 38. <script></script> DATA COMPUTED WATCH METHODS
  39. 39. <script></script>
  40. 40. Comunicação entre componentes
  41. 41. Comunicação entre componentes DIRETA Entre componentes pai e filho
  42. 42. Comunicação entre componentes DIRETA Entre componentes pai e filho EVENT BUS Comunicação usando mensagens globais
  43. 43. Comunicação entre componentes DIRETA Entre componentes pai e filho VUEX Estado global da aplicação EVENT BUS Comunicação usando mensagens globais
  44. 44. Comunicação Direta
  45. 45. Comunicação Direta
  46. 46. Global Event Bus
  47. 47. Global Event Bus
  48. 48. Vuex
  49. 49. COMPONENTE 1 COMPONENTE 2 COMPONENTE 3 ESTADO GLOBAL Vuex
  50. 50. Vuex
  51. 51. Vuex - Modulos
  52. 52. Vuex - Modulos(DDD)
  53. 53. Router
  54. 54. Router
  55. 55. Router - Navegation Guards
  56. 56. Vue Devtools
  57. 57. Vue Devtools
  58. 58. Vuetify
  59. 59. Vuetify
  60. 60. Contact me EMAIL contato@cristianoprogramador.com WEBSITE cristianoprogramador.com

×