Vue
The progressive JavaScript Framework

the Facts

9,0 mln
2,3 mln
1,4 mln
36k
97,4k
96,4k
2,1k / 12,9k
391 / 5,6k
128 / 6,4k




649
190
1186
The founder
Worked as a Creative Technologist at Google
Core Dev at Meteor
From 2016 working full-time on Vue.JS framework

Evan You
The Speaker
Worked as full stack developer at 3PillarGlobal
Core Dev at TSE framework
From 2018 working as web full stack freelancer

Eduard Lupacescu
Why we need a framework?


Server
Client
How?





Why Vue?
Easy to - learn / write / install




Performant
Easy to install and use (no build process)
Detailed, clean and understandable docs
jQuery or Angular 1 background
Testable
Versatile
And because


Reusable, standalone components

Transform your spaghetti code into:
Vue molecules

What do we need for the full control?
DOM - manipulation
DOM event listeners
Organize everything
Some iteration
DOM data binding
Directives - DOM manipulation


Dom Event Listeners

DOM data binding

Some Array/objects iteration



Two way data binding


Let's organize molecules in components

Vue organs (components)

Or use SFC (single file component)

SFC
Powerful components

Communication

props
events
store



Utils

slots

computed

Communication - props


Communication - events





Communication - store



Utils

slots





Compiled result
Vue body

Vue instance

Encapsulate all components
Ecosystem
@vue-router


@vuex - state management
@vue-cli

@vue-rx

@vue-devtools

Thanks!
@binaryk
lupacescueduard@gmail.com




@LupacescuEduard
Vue
By Eduard Lupacescu
Vue
- 320