book

Aprende Vue

Name: Aprende Vue
Author: Maya Shavin
ISBN: 9798341642324

by Maya Shavin

April 2025

Intermediate to advanced

350 pages

8h 8m

Portuguese (Portugal, Brazil)

O'Reilly Media, Inc.

Read now

Unlock full access

Prefácio
Convenções utilizadas neste livroUtilizar exemplos de códigoAprendizagem em linha da O'ReillyComo contactar-nosAgradecimentos
1. Bem-vindo ao mundo Vue.js!
O que é o Vue.js?As vantagens do Vue no desenvolvimento Web modernoInstalar o Node.jsNPMFiosFerramentas de desenvolvimento VueVite.js como uma ferramenta de gestão de construtoresCria uma nova aplicação VueEstrutura do repositório de ficheirosResumo
2. Como funciona o Vue: O Básico
DOM virtual sob o capôO problema da atualização do layoutO que é a DOM virtual?Como funciona o Virtual DOM em VueA instância da aplicação Vue e a API de opçõesExplorando a API de opçõesA sintaxe do modeloCriando estado local com propriedades de dadosComo funciona a reatividade em VueEncadernação bidirecional com modelo em VUtilizar o modificador v-model.lazyVinculação de dados reactivos e passagem de dados de adereços com v-bindVinculação a atributos de classe e estiloIteração na recolha de dados utilizando v-forIteração através de propriedades de objetosTorna a ligação do elemento única com o atributo KeyAdicionar um ouvinte de eventos a elementos com v-onTratamento de eventos com modificadores de eventos v-onDetectando eventos de teclado com modificadores de código de teclaElementos de renderização condicional com v-if, v-else e v-else-ifExibição condicional de elementos com v-showMostra dinamicamente o código HTML com v-htmlExibir conteúdo de texto com v-textOtimizar Renders com v-once e v-memoRegistar um componente globalmenteResumo
3. Composição de componentes
Estrutura do componente de ficheiro único VueUtilizar defineComponent() para suporte de TypescriptGanchos de ciclo de vida de componentesinstalaçãoantesCriarcriadobeforeMountmontadobeforeUpdateatualizadobeforeUnmountnão montadoMétodosPropriedades calculadasVigilantesObservação de modificações em propriedades aninhadasUsando o método this.$watch()O poder das slotsUtilizar ranhuras nomeadas com a etiqueta de modelo e o atributo v-slotCompreender os RefsPartilhar a configuração de componentes com mixinsComponentes de estilo com escopoAplicar CSS a um componente filho em estilos com âmbito de aplicaçãoAplicar estilos com âmbito de aplicação ao conteúdo da ranhuraAceder ao valor de dados de um componente na etiqueta de estilo com a pseudo-classe v-bind()Estilizar componentes com módulos CSSResumo
4. Interações entre componentes
Componentes aninhados e fluxo de dados em VueUsando Props para passar dados para componentes filhosDeclaração de tipos de prop com validação e valores padrãoDeclarando Props com Verificação de Tipo PersonalizadaDeclarando Props Usando defineProps() e withDefaults()Comunicação entre componentes com eventos personalizadosDefinindo eventos personalizados usando defineEmits()Comunica entre componentes com o padrão provide/injectUsando o provide para passar dadosUtilizar o inject para receber dadosAPI de teletransporteImplementando um Modal com Teleport e o elemento <dialog>Problema de renderização usando o teletransporteResumo
5. Composição API
Configurar componentes com a API de composiçãoManipulação de dados com ref() e reactive()Utilizando ref()Utilizar reactive()Utilizar os ganchos do ciclo de vidaCompreender os observadores na API de composiçãoUtilizando computed()Criar os teus objectos compósitos reutilizáveisResumo
6. Incorporação de dados externos
O que é a Axios?Instalar o AxiosCarrega dados com Hooks de ciclo de vida e AxiosPedidos de dados assíncronos em tempo de execução: o desafioCriar o teu componente Fetch reutilizávelLigar a tua aplicação a uma base de dados externaResumo
7. Renderização avançada, componentes dinâmicos e composição de plug-ins
A função Render e JSXUtilizar a função de renderizaçãoUsando a função h para criar um VNodeEscrevendo JavaScript XML na função RenderComponente funcionalDefinição de Props e Emits para Componente FuncionalAdicionando funcionalidades personalizadas globalmente com plugins VueRenderização dinâmica com a tag <component>Mantendo a Instância de Componente Viva com <keep-alive>Resumo
8. Encaminhamento
O que é o encaminhamento?Utilizar o Vue RouterInstalar o Vue RouterDefinição de rotasCriar uma instância de routerConectando a instância do roteador na aplicação VueRenderizando a página atual com o componente RouterViewConstrói uma barra de navegação com o componente RouterLinkTransmissão de dados entre roteirosDesacoplamento de parâmetros de rota usando adereçosCompreender as protecções de navegaçãoProtectores de navegação globaisProtectores de navegação ao nível da rotaProtecções de router ao nível do componenteCriação de roteiros aninhadosCriando roteiros dinâmicosVai para trás e para a frente com a instância do routerTratamento de itinerários desconhecidosResumo
9. Gestão de estados com Pinia
Compreender a gestão de estados em VueCompreender a PiniaCriar uma loja de pizzas para a Pizza HouseCriar um carrinho de compras para a Pizza HouseUsando o carrinho de compras em um componenteAdicionando itens ao carrinho a partir da Galeria de PizzasExibição de itens do carrinho com açõesRemover itens da loja de carrinhosTeste unitário das lojas PiniaSubscrição de efeitos secundários nas alterações da lojaResumo

10. Transição e animação em Vue
Compreender as transições CSS e as animações CSSComponente de transição em Vue.jsUsando atributos de classe de transição personalizadosAdicionar efeito de transição à renderização inicial com appearTransição de edifício para um grupo de elementosCriar transições de rotaUtilizar eventos de transição para controlar a animaçãoResumo
11. Testes em Vue
Introdução aos testes unitários e testes E2EVitest como uma ferramenta de teste unitárioConfiguração do Vitest usando parâmetros e arquivo de configuraçãoEscrever o teu primeiro testeEnsaio de materiais compósitos não sujeitos a ciclo de vidaTestar produtos compostáveis com o Lifecycle HookTestando componentes usando o Vue Test UtilsTestar a interação e os eventos de um componenteUsando o Vitest com uma GUIUtilizar o Vitest com um Coverage RunnerTeste de ponta a ponta com o PlaywrightJSDepuração de testes E2E usando a extensão de teste do Playwright para VSCodeResumo
12. Integração Contínua/Implantação Contínua de Aplicações Vue.Js
CI/CD no desenvolvimento de softwareIntegração contínuaEntrega contínuaImplantação contínuaPipeline CI/CD com GitHub ActionsImplantação contínua com NetlifyImplantação com Netlify CLIResumo
13. Renderização do lado do servidor com Vue
Renderização do lado do cliente em VueRenderização do lado do servidor (SSR)Renderização do lado do servidor com Nuxt.JsGerador lateral estático (SSG)Últimas palavras
Índice
Sobre o autor

Overview

Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com

Aprende os conceitos fundamentais do Vue.js, a estrutura JavaScript moderna para criar aplicações e interfaces de front-end a partir do zero. Com exemplos concisos, práticos e claros, este livro conduz os programadores Web passo a passo através das ferramentas e bibliotecas do ecossistema Vue.js e mostra-lhes como criar aplicações completas para projectos Web do mundo real.

Aprenderás a lidar com a comunicação de dados entre componentes com a arquitetura Pinia, a desenvolver um sistema de encaminhamento gerível para um projeto de front-end para controlar o fluxo da aplicação e a produzir efeitos de animação básicos para criar uma melhor experiência de utilizador.

Este livro também te mostra como:

Criar sistemas de componentes reutilizáveis e leves usando o Vue.js
Trazer a reatividade para a tua aplicação estática existente
Configura um projeto utilizando Vite.js, uma ferramenta de construção para gestão de código de projectos front-end
Constrói um sistema de gestão de estado interativo para uma aplicação front-end com Pinia
Ligar dados externos do servidor à tua aplicação Vue
Controla o fluxo da aplicação com encaminhamento estático e dinâmico utilizando o Vue Router
Testa totalmente a tua aplicação utilizando o Vitest e o Playwright

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9798341642324

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills