К содержанию

Tutorial Principal de Vue3

Tutorial sobre o framework JavaScript Vue3. Para iniciantes. Muita teoria e tarefas.

Уроки

Introdução ao Framework Vue

Instalação do Framework Vue

Estrutura de um Componente Vue

O objeto data no Vue

Trabalhando com atributos no framework Vue

Execução de Código em Visualizações Vue

Arrays no Vue

Objetos no Vue

Trabalhando com métodos no framework Vue

Anexando manipuladores de eventos em Vue

Trabalhando com data dentro de métodos Vue

Métodos Auxiliares no Vue

Passagem de parâmetros para métodos em Vue

Reatividade no framework Vue

Propriedades Computadas no Vue

Modificadores de Eventos no Framework Vue

Condições

Renderização Condicional em Vue

Invertendo uma condição no Vue

Condição Reativa no Vue

Alternando elementos no Vue

Alteração de texto no toggle em Vue

Diretiva v-else no Vue

Condições Complexas no Vue

Diretiva v-else-if em Vue

Grupos Condicionais no Vue

Diretiva v-show no Vue

Laços

Iterando Arrays em Vue

Obtendo chaves ao iterar arrays em Vue

Iterando sobre Objetos em Vue

Iterando sobre grupos de tags em Vue

Iterando sobre arrays de objetos em Vue

Loop em Intervalo no Vue

Condições em Loops no Vue

Atributo key no Vue

Reatividade de Arrays em Vue

Estilos

Estilização de componentes no framework Vue

Atributo class no framework Vue

Objeto com Classes CSS em Vue

Reatividade de Objeto com Classes CSS em Vue

Objeto inline com classes CSS em Vue

Classes CSS via data em Vue

Estilização através do atributo style no Vue

Formulários

Vinculação bidirecional de dados a inputs em Vue

Obtendo dados de formulário por evento em Vue

Trabalhando com textarea em Vue

Trabalhando com checkbox em Vue

Matriz de valores de checkbox em Vue

Trabalhando com radio no Vue

Trabalhando com select no Vue

Renderização de select em loop no Vue

Bloqueio de elementos no Vue

Modificadores de teclas no framework Vue

Formulário para Adicionar Elementos a um Array em Vue

Botão para excluir elemento de array em Vue

Botão para remover de um array de objetos em Vue

Formulário para editar um array de objetos em Vue

Componentes

Trabalhando com Componentes no Vue

Criação de Componentes Filhos no Vue

Transmissão de dados para um componente em JavaScript

Transmissão de dados de qualquer tipo em Vue

Transmitindo propriedades do objeto data no Vue

Definindo tipos de props no Vue

Criando componentes em loop no Vue

Fluxo de Dados Unidirecional no Vue

Emissão de Eventos no Vue

Parâmetros de Eventos no Vue

Emitindo eventos em atributos no Vue

Remoção Reativa de Componentes no Vue

Edição Reativa de Dados de Componente em Vue

Componente para Adicionar Dados em Vue

Projetos

Projeto Checklist em Vue

Projeto Bloco de Notas em Vue