Iniciar aqui
- Introdução
Estruturas básicas do VueJS
- HelloWorld sem instalar nada
- Binding de atributos
- v-if
- v-for
- v-on:click e @click
- Two way data binding com v-model
- Compondo componentes
- @keyup.enter @keyup.enter.ctrl @click.left @click.right @click.middle
- v-show é diferente do v-if
- Formulário - input type="checkbox"
- Formulário - input type="radio"
- Formulário - Select
- v-if v-else v-else-if
- Criando um todolist
- class binding
- classbinding com objeto
- classbinding com array e binding inline style
- v-once v-html v-text v-bind:id e v-bind:disable
Criando componentes
- Como criar componentes
- Compondo componentes - lista de tarefas e tarefa
Criando componentes com bulma.io
- Adicionando bulma.io e criando componente de mensagem
- Criando modal componente usando o bulma.io
- Utilizando vários
no Modal - Criando componente da abas "tabs"
- Inline template
Estruturando um projeto novo
- Oque instalar?
Criando projeto com Vue Cli
- Criando um projeto novo com o Vue Cli
- Reconhecendo projeto inicial
Rotas
- Rotas com Vue Router - Criando um site institucional
Vue.js com Material Design
- Incluindo o Material Design em um projeto
- Usando os componentes - 01
- Usando componentes 02
Vuetify
- Apresentação do Vuetify
Axios
- Introdução
- Realizando get ao criar o componente com axios puro
- plugin para Vue: vue-axios
Vuex - gerênciando estado com arquitetura flux
- Apresentação do problema e da solução
- Oque é state e store?
- Oque é getter mutation e action?
- Vue DevTools
- Demo
