Vue JS 3: API de composição (com Pinia e Vite) | Danny Connell | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Vue JS 3: API de composição (com Pinia e Vite)

teacher avatar Danny Connell, Teacher & Indie App Developer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Boas-vindas!

      1:39

    • 2.

      Introdução [Módulo 1]

      8:02

    • 3.

      O que é a API de composição?

      5:36

    • 4.

      Configuração de Editor e software

      7:44

    • 5.

      Devtools em vue

      2:07

    • 6.

      Vue 3 Docs e instalar Node.js [Módulo 2]

      1:05

    • 7.

      Como criar um projeto vue

      2:38

    • 8.

      Configuração de projetos

      3:43

    • 9.

      Opções API vs API composição [Módulo 3]

      1:34

    • 10.

      API de opções - dados e métodos

      1:59

    • 11.

      Converta-o para API composição

      1:27

    • 12.

      API de composição - dados (refs) e métodos

      3:20

    • 13.

      Configuração de script - uma maneira mais fácil!

      2:51

    • 14.

      Refs [Módulo 4]

      1:27

    • 15.

      Ligação de dados em dois sentidos

      1:31

    • 16.

      Objetos reativos

      2:59

    • 17.

      Dados não reativos

      1:20

    • 18.

      Métodos [Módulo 5]

      3:40

    • 19.

      Propriedades calculadas

      4:14

    • 20.

      Uma nota em filtros

      1:32

    • 21.

      Assistir

      3:41

    • 22.

      Ganchos de ciclo de vida [módulo 6]

      4:18

    • 23.

      Ganchos ativados

      2:00

    • 24.

      Hooks atualizados

      1:31

    • 25.

      Vários ganchos!

      2:12

    • 26.

      Diretivas personalizadas locais [módulo 7]

      3:48

    • 27.

      Diretivas personalizadas

      2:50

    • 28.

      Roteador de vue - $route - Parte 1 [Módulo 8]

      3:49

    • 29.

      $route - Parte 2

      3:21

    • 30.

      useRoute

      2:40

    • 31.

      useRouter

      3:29

    • 32.

      Listas (v-for) [Módulo 9]

      2:53

    • 33.

      Refs de modelo

      3:03

    • 34.

      nextTick

      1:51

    • 35.

      Teleport - Parte 1

      4:23

    • 36.

      Teleport - Parte 2

      3:21

    • 37.

      Componentes para crianças [Módulo 10]

      2:51

    • 38.

      Consertar visualizações de carregamento

      1:35

    • 39.

      Slots

      3:34

    • 40.

      Acessórios

      3:51

    • 41.

      Emisses

      3:52

    • 42.

      modelValue

      2:24

    • 43.

      update:modelValue

      2:38

    • 44.

      Componentes dinâmicos - Parte 1

      2:46

    • 45.

      Componentes dinâmicos - Parte 2

      2:19

    • 46.

      Forneça / injetar - parte 1

      4:10

    • 47.

      Forneça / injetar - parte 2

      3:13

    • 48.

      O que é um Composable? [Módulo 11]

      4:54

    • 49.

      Criar uma composição

      2:39

    • 50.

      Use nossa composição

      3:26

    • 51.

      Reutilizar nossa composição

      4:15

    • 52.

      Adicionar composição do VueUse

      3:27

    • 53.

      O que é gerenciamento de estado? [Módulo 12]

      5:34

    • 54.

      Estado composto vs Vuex vs Pinia

      5:02

    • 55.

      Pinia - Estado - Parte 1

      2:41

    • 56.

      Pinia - Estado - Parte 2

      5:41

    • 57.

      Pinia - Ações

      3:40

    • 58.

      Pinia - Getters

      2:42

    • 59.

      Pinia - Use nossa loja em qualquer lugar

      2:22

    • 60.

      Projeto de classe: cadernos [módulo 13]

      2:06

    • 61.

      Criar projeto

      2:14

    • 62.

      Router - Instalar e configurar

      3:02

    • 63.

      Router - adicionar algumas rotas

      4:00

    • 64.

      Adicionar RouterView e navegação

      1:50

    • 65.

      Router - amarrando

      2:19

    • 66.

      Bulma e design - instalar Bulma [Módulo 14]

      3:09

    • 67.

      Bar de Nav - design

      2:46

    • 68.

      Bar de Nav - navegação e logotipo

      2:53

    • 69.

      Barra de Nav - Design e menu

      5:05

    • 70.

      Páginas (Design)

      2:04

    • 71.

      Notas (design)

      1:51

    • 72.

      Como adicionar um formulário de nota

      2:30

    • 73.

      Array de notas [módulo 15]

      2:37

    • 74.

      Como adicionar método de nota

      8:59

    • 75.

      Componente para criança

      2:32

    • 76.

      Props (note)

      1:34

    • 77.

      Computado (comprimento de notas)

      5:45

    • 78.

      Excluir nota (emite)

      6:24

    • 79.

      Pinia - Configuração e estado [Módulo 16]

      4:20

    • 80.

      Use nossa loja

      3:40

    • 81.

      Ação - Adicionar nota

      3:47

    • 82.

      Ação (com parâmetros) - Adicionar nota

      2:38

    • 83.

      Ação - Excluir nota

      5:15

    • 84.

      Editar página e rota

      4:38

    • 85.

      Componente reutilizável - AddEditNote

      3:57

    • 86.

      Confundir com modelValue

      5:32

    • 87.

      Consertar o foco

      5:04

    • 88.

      Cor, marcadores e suportes de etiquetas

      10:31

    • 89.

      Getter - Obter conteúdo de nota (useRoute)

      5:35

    • 90.

      Getter (com parâmetros) - conteúdo de nota

      3:09

    • 91.

      Ação - Nota de atualização

      6:24

    • 92.

      useRouter - Redirecionar para notas

      1:20

    • 93.

      Mais Getters e página de estatísticas

      7:33

    • 94.

      Diretiva - foco automático [módulo 17]

      2:07

    • 95.

      Diretiva global - foco automático

      2:57

    • 96.

      Assista ao número de personagens (Assista)

      2:10

    • 97.

      Composable - useWatchCharacters

      4:24

    • 98.

      Composable - vários parâmetros

      2:48

    • 99.

      Clique em Composable fora (VueUse, modelos Refs)

      6:10

    • 100.

      Excluir design modal (objetos reativos)

      7:19

    • 101.

      Esconder o modal Excluir (modelValue & update:modelValue)

      5:21

    • 102.

      Excluir modal - clique fora para fechar

      3:34