Vue.js

/vju:/, um framework JavaScript

Agenda

  • o que é Vue.js?
  • renderização declarativa
  • condições e repetições
  • interações com usuário
  • componentes

vuejs.org/v2/guide/index.html

O que é Vue.js?

  • framework progressivo para front-end
  • MPA, SPA, PWA e Native

...pera, o quê?

MPA, SPA, PWA e Native

  • Multi Page App
  • Single Page App
  • Progressive Web App

Browser

  • NativeScript

Nativo

O que é Vue.js?

  • framework progressivo para front-end
  • MPA, SPA, PWA e Native
  • conciso e facilmente incrementável

Como usar Vue.js no meu projeto?

Simples

Avançado

<!-- versão desenvolvimento -->
<!-- inclui avisos úteis no console -->
<script
    src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">
</script>
# utilizando o NPM
npm install --global @vue/cli

# utilizando o Yarn
yarn global add @vue/cli

Nossa opção no

dev.learn()

Renderização Declarativa

Renderização Declarativa

Renderização Declarativa

repare no uso de

 

na tag span

chama-se

 

v-bind

diretiva

Condições e Repetições

Condições e Repetições

Interações com Usuário

Componentes

Made with Slides.com