vue talk require lx - GitLab...// parent 2 3 methods: { handleCIick() { // do something 9 10)...

Vue.jsMade my life easier

Filipa Lacerda - @filipalacerda

SENIOR FRONTEND ENGINEER @ GITLAB

@filipalacerda

gitlab.com/filipa

github.com/filipalacerda

alligator.io/author/filipa-lacerda

https://vuejs.org/

🦄 Versatile

🚀 Performant

Composing Components

Props go down, events go up

Props go down

Events go up

Template system

Conditional Rendering List renderingEvent handlingForm input bindingsClass and style bindings

https://jsfiddle.net/24eo7fzy/8/

https://gitlab.com/gitlab-org/gitlab-ce/commit/0f43e98ef8c2da8908b1107f75b67cda2572c2c4

2011

The start of Gitlab

2012

Sid comes in

2013

Dmitriy was hired

2014

The company!

Why?

22nd of each month

Reactivity!

Rewrite all the things?

Rewrite all the things?

NO.

https://vuejs.org/v2/guide/state-management.html#Official-Flux-Like-Implementation

What about complex states?

https://vuex.vuejs.org/en/intro.html

https://router.vuejs.org/en/

Vue Router

Questions?