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.

VueJS - Uma alternativa elegante

343 views

Published on

Uma breve introdução de VueJS para desenvolvedores Web.

Published in: Technology
  • Login to see the comments

VueJS - Uma alternativa elegante

  1. 1. VueJs Uma alternativa elegante
  2. 2. Quem sou eu Jonathan Bijos - 21 - Carioca Desenvolvedor Javascript & iOS Github → @Quaggie Email → jonathanpbijos@gmail.com
  3. 3. VueJs Fonte: https://vuejs.org/
  4. 4. VueJs Fonte:
  5. 5. Open source Fonte:
  6. 6. Quem usa Fonte: https://vuejs.org/
  7. 7. Simplicidade
  8. 8. Simplicidade
  9. 9. Simplicidade
  10. 10. Simplicidade
  11. 11. Data JS
  12. 12. Data HTML
  13. 13. Watch JS
  14. 14. Computed Properties JS
  15. 15. Computed Properties HTML
  16. 16. Methods JS
  17. 17. Methods HTML
  18. 18. Template Syntax HTML
  19. 19. Class style syntax
  20. 20. v-if & v-else JS
  21. 21. v-if & v-else HTML
  22. 22. v-show HTML
  23. 23. v-show
  24. 24. v-for Result:
  25. 25. v-for Result:
  26. 26. v-for Result:
  27. 27. Events & Modifiers Fonte: http://vuejs.org/guide/syntax.html#v-bind-Shorthand
  28. 28. Events & Modifiers Fonte: http://vuejs.org/guide/events.html
  29. 29. Events & Modifiers Fonte: http://vuejs.org/guide/events.html Exemplo: v-on:click === @click
  30. 30. Events & Modifiers Fonte: http://vuejs.org/guide/events.html Exemplo: v-on:click === @click
  31. 31. Components HTML JS
  32. 32. Components Single file component Hello.vue
  33. 33. Components
  34. 34. Components
  35. 35. Components
  36. 36. Components Single file component Hello.vue
  37. 37. Props JS
  38. 38. Props HTML
  39. 39. Vue Loader
  40. 40. Vue Loader
  41. 41. Vue Loader
  42. 42. Vue Loader
  43. 43. Vue Loader
  44. 44. Vue Loader
  45. 45. Comparação Fonte: https://vuejs.org/guide/comparison.html
  46. 46. Comparação Fonte: https://vuejs.org/guide/comparison.html
  47. 47. Comparação Fonte: https://vuejs.org/guide/comparison.html
  48. 48. Let’s Test!
  49. 49. Fim! Obrigado! Github → @Quaggie Email → jonathanpbijos@gmail.com

×