vuejs - uma alternativa elegante

VueJs

Uma alternativa elegante

Quem sou eu

Jonathan Bijos - 21 - Carioca

Desenvolvedor Javascript & iOS

Github → @QuaggieEmail → [email protected]

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

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:

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

Components

HTML JS

Components

Single file component Hello.vue

Components

Components

Single file component Hello.vue

PropsJS

Props

HTML

Vue Loader

Comparação

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

Let’s Test!

Fim!

Obrigado!

Github → @QuaggieEmail → [email protected]

Technology