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.
Да что такого в этом Vue.js?
Github stars
Introduction
Evan You Vue was first released in February 2014 by Evan You after working for Google using AngularJS in a number of proje...
What Vue is about: ● Reactive & composable components ● Virtual DOM ● Predictable & clear data flow ● All-inclusive framew...
App Mounting
App Mounting
App Mounting
App Mounting
Parent Child Relationships
Parent Child Relationships
Parent-Child Relationships
Parent-Child Relationships
Parent-Child Relationships in React
Parent-Child Relationships in React
Component
Component - Single File Component
Component - Directives
Component - Directives
Component - Template
Component - Template Conditional rendering
Component - Template Soft conditional rendering
Component - Template Regular JS Expressions Map definition
Component - List rendering
Component - List rendering
Component - Object props
Component - HTML injection
Component - Event modifiers
Component - Event modifiers
Component - Event modifiers
Component - Event modifiers
Component - Event modifiers
Component - Event modifiers
Component - Event modifiers
● .enter ● .tab ● .delete ● .esc ● .space ● .up ● .down ● .left ● .right ● .ctrl ● .alt ● .shift ● .meta Available key mod...
Component - Props
Component - Prop Validation
Component - Mutating data
Component - “2-way binding”
Reactivity
Reactivity
Reactivity
Reactivity
Component - Reactivity
Reactivity
Computed properties
Computed properties
Source data for computing
Computed getter
Computed properties
Computed properties
Computed properties
Component Transitions
Component Transitions
Component Slots
Component Slots
Component Slots
Component Slots
Vuex Store
Vuex Store
Vuex Store
Vuex consists of: ● State ● Getters ● Actions ● Mutations
Vuex Store
Vuex Store
Vuex Store
Vuex Store
Vuex Store
Vuex Store
Спасибо за внимание! Telegram: @zilberstein Facebook: Andy Grishchenko
Да что такого в этом Vue.js? | OdessaFrontend Meetup #9
Да что такого в этом Vue.js? | OdessaFrontend Meetup #9
Да что такого в этом Vue.js? | OdessaFrontend Meetup #9
Upcoming SlideShare
Loading in …5
×
Technology
152 views
Dec. 12, 2018

Да что такого в этом Vue.js? | OdessaFrontend Meetup #9

Все чаще мы слышим о «троице» самых популярных JS-фреймворков: React, Angular и Vue.js. В этом докладе Андрей Грищенко помогает разобраться, почему все больше и больше разработчиков сегодня отдают предпочтение Vue.js и каким образом ему удалось пробиться в тройку лидеров.

no profile picture user

  • Login to see the comments

Да что такого в этом Vue.js? | OdessaFrontend Meetup #9

  1. 1. Да что такого в этом Vue.js?
  2. 2. Github stars
  3. 3. Introduction
  4. 4. Evan You Vue was first released in February 2014 by Evan You after working for Google using AngularJS in a number of projects
  5. 5. What Vue is about: ● Reactive & composable components ● Virtual DOM ● Predictable & clear data flow ● All-inclusive framework ● Simplicity & Lowest learning curve as of 2018
  6. 6. App Mounting
  7. 7. App Mounting
  8. 8. App Mounting
  9. 9. App Mounting
  10. 10. Parent Child Relationships
  11. 11. Parent Child Relationships
  12. 12. Parent-Child Relationships
  13. 13. Parent-Child Relationships
  14. 14. Parent-Child Relationships in React
  15. 15. Parent-Child Relationships in React
  16. 16. Component
  17. 17. Component - Single File Component
  18. 18. Component - Directives
  19. 19. Component - Directives
  20. 20. Component - Template
  21. 21. Component - Template Conditional rendering
  22. 22. Component - Template Soft conditional rendering
  23. 23. Component - Template Regular JS Expressions Map definition
  24. 24. Component - List rendering
  25. 25. Component - List rendering
  26. 26. Component - Object props
  27. 27. Component - HTML injection
  28. 28. Component - Event modifiers
  29. 29. Component - Event modifiers
  30. 30. Component - Event modifiers
  31. 31. Component - Event modifiers
  32. 32. Component - Event modifiers
  33. 33. Component - Event modifiers
  34. 34. Component - Event modifiers
  35. 35. ● .enter ● .tab ● .delete ● .esc ● .space ● .up ● .down ● .left ● .right ● .ctrl ● .alt ● .shift ● .meta Available key modifiers:
  36. 36. Component - Props
  37. 37. Component - Prop Validation
  38. 38. Component - Mutating data
  39. 39. Component - “2-way binding”
  40. 40. Reactivity
  41. 41. Reactivity
  42. 42. Reactivity
  43. 43. Reactivity
  44. 44. Component - Reactivity
  45. 45. Reactivity
  46. 46. Computed properties
  47. 47. Computed properties
  48. 48. Source data for computing
  49. 49. Computed getter
  50. 50. Computed properties
  51. 51. Computed properties
  52. 52. Computed properties
  53. 53. Component Transitions
  54. 54. Component Transitions
  55. 55. Component Slots
  56. 56. Component Slots
  57. 57. Component Slots
  58. 58. Component Slots
  59. 59. Vuex Store
  60. 60. Vuex Store
  61. 61. Vuex Store
  62. 62. Vuex consists of: ● State ● Getters ● Actions ● Mutations
  63. 63. Vuex Store
  64. 64. Vuex Store
  65. 65. Vuex Store
  66. 66. Vuex Store
  67. 67. Vuex Store
  68. 68. Vuex Store
  69. 69. Спасибо за внимание! Telegram: @zilberstein Facebook: Andy Grishchenko

×