1.
Да что такого в этом Vue.js?

2.
Github stars

3.
Introduction

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.
What Vue is about:
● Reactive & composable components
● Virtual DOM
● Predictable & clear data flow
● All-inclusive framework
● Simplicity & Lowest learning curve as of
2018

6.
App Mounting

7.
App Mounting

8.
App Mounting

9.
App Mounting

10.
Parent Child Relationships

11.
Parent Child Relationships

12.
Parent-Child Relationships

13.
Parent-Child Relationships

14.
Parent-Child Relationships in React

15.
Parent-Child Relationships in React

16.
Component

17.
Component - Single File Component

18.
Component - Directives

19.
Component - Directives

20.
Component - Template

21.
Component - Template
Conditional rendering

22.
Component - Template
Soft conditional rendering

23.
Component - Template
Regular JS Expressions
Map definition

24.
Component - List rendering

25.
Component - List rendering

26.
Component - Object props

27.
Component - HTML injection

28.
Component - Event modifiers

29.
Component - Event modifiers

30.
Component - Event modifiers

31.
Component - Event modifiers

32.
Component - Event modifiers

33.
Component - Event modifiers

34.
Component - Event modifiers

35.
● .enter
● .tab
● .delete
● .esc
● .space
● .up
● .down
● .left
● .right
● .ctrl
● .alt
● .shift
● .meta
Available key modifiers:

36.
Component - Props

37.
Component - Prop Validation

38.
Component - Mutating data

39.
Component - “2-way binding”

40.
Reactivity

41.
Reactivity

42.
Reactivity

43.
Reactivity

44.
Component - Reactivity

45.
Reactivity

46.
Computed properties

47.
Computed properties

48.
Source data for computing

49.
Computed getter

50.
Computed properties

51.
Computed properties

52.
Computed properties

53.
Component Transitions

54.
Component Transitions

55.
Component Slots

56.
Component Slots

57.
Component Slots

58.
Component Slots

59.
Vuex Store

60.
Vuex Store

61.
Vuex Store

62.
Vuex consists of:
● State
● Getters
● Actions
● Mutations

63.
Vuex Store

64.
Vuex Store

65.
Vuex Store

66.
Vuex Store

67.
Vuex Store

68.
Vuex Store

69.
Спасибо за внимание!
Telegram: @zilberstein
Facebook: Andy Grishchenko