Tutorial Principal de Vue3
Introdução ao Framework
Instalação do Framework
Estrutura do Componente
Objeto data
Trabalhando com Atributos
Execução de Código em Visualizações
Arrays
Objetos
Trabalhando com Métodos
Vinculação de Manipuladores de Eventos
Trabalhando com data dentro de métodos
Métodos Auxiliares
Passagem de Parâmetros para o Método
Reatividade
Propriedades Computadas
Modificadores de Eventos
Condições
Exibição Condicional
Inversão de Condição
Condição Reativa
Alternância de Elementos
Mudança de Texto na Alternância
Diretiva v-else
Condições Complexas
Diretiva v-else-if
Grupos Condicionais
Diretiva v-show
Laços
Iterando sobre Arrays
Obtendo Chaves ao Iterar sobre Arrays
Iterando sobre Objetos
Iterando sobre um Grupo de Tags
Iterando sobre um Array de Objetos
Laço em um Intervalo
Condições em Laços
Atributo key
Reatividade de Arrays
Estilos
Estilização de Componente
Atributo class
Objeto com classes CSS
Reatividade do objeto com classes CSS
Objeto inline com classes CSS
Classes CSS via data
Estilização via atributo style
Formulários
Vinculação bidirecional de dados a inputs
Obtenção de dados do formulário por evento
Trabalhando com textarea
Trabalhando com checkboxes
Array de valores de checkboxes
Trabalhando com botões de rádio
Trabalhando com selects
Formação de select em loop
Desabilitação de elementos
Modificadores de teclas
Formulário para adicionar elementos de array
Botão para remover elemento do array
Botão para remover de array de objetos
Formulário para editar array de objetos
Componentes
Introdução
Criando componentes filhos
Passando dados para componentes
Passando dados de qualquer tipo
Passando propriedades do objeto data
Especificando tipos de props
Criando componentes em loop
Fluxo de dados unidirecional
Emitindo eventos
Parâmetros de eventos
Emitindo eventos em atributos
Remoção reativa de componentes
Edição reativa de componentes
Componente para adicionar dados