Download - 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
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!