vuejs - uma alternativa elegante

VueJs

Uma alternativa elegante

Quem sou eu

Jonathan Bijos - 21 - Carioca

Desenvolvedor Javascript & iOS

Github → @QuaggieEmail → jonathanpbijos@gmail.com

VueJs

Fonte: https://vuejs.org/

VueJs

Fonte: https://github.com/yyx990803

Open source

Fonte: https://github.com/vuejs/vue

Quem usa

Fonte: https://vuejs.org/

Simplicidade

Simplicidade

Simplicidade

Simplicidade

Data JS

Data

HTML

Watch

JS

Computed PropertiesJS

Computed Properties

HTML

MethodsJS

Methods

HTML

Template Syntax

HTML

Class style syntax

v-if & v-else

JS

v-if & v-else

HTML

v-show

HTML

v-show

v-for

Result:

v-for

Result:

v-for

Result:

Events & Modifiers

Fonte: http://vuejs.org/guide/syntax.html#v-bind-Shorthand

Events & Modifiers

Fonte: http://vuejs.org/guide/events.html

Events & Modifiers

Fonte: http://vuejs.org/guide/events.html

Exemplo:v-on:click === @click

Events & Modifiers

Fonte: http://vuejs.org/guide/events.html

Exemplo:v-on:click === @click

Components

HTML JS

Components

Single file component Hello.vue

Components

Components

Components

Components

Single file component Hello.vue

PropsJS

Props

HTML

Vue Loader

Vue Loader

Vue Loader

Vue Loader

Vue Loader

Vue Loader

Comparação

Fonte: https://vuejs.org/guide/comparison.html

Comparação

Fonte: https://vuejs.org/guide/comparison.html

Comparação

Fonte: https://vuejs.org/guide/comparison.html

Let’s Test!

Fim!

Obrigado!

Github → @QuaggieEmail → jonathanpbijos@gmail.com