Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Vue.js 3 Cookbook

You're reading from Vue.js 3 Cookbook Discover actionable solutions for building modern web apps with the latest Vue features and TypeScript

Product type Paperback

Published in Sep 2020

Publisher Packt

ISBN-13 9781838826222

Length 562 pages

Edition 1st Edition

Languages

Typescript

Tools

Vue

Concepts

Front End Web Development

Author (1):

Heitor Ramon Ribeiro

View More author details

Table of Contents (13) Chapters

Preface

1. Understanding Vue 3 and Creating Components

2. Introducing TypeScript and the Vue Ecosystem FREE CHAPTER

3. Data Binding, Form Validations, Events, and Computed Properties

4. Components, Mixins, and Functional Components

5. Fetching Data from the Web via HTTP Requests

6. Managing Routes with vue-router

7. Managing the Application State with Vuex

8. Animating Your Application with Transitions and CSS

9. Creating Beautiful Applications Using UI Frameworks

10. Deploying an Application to Cloud Platforms

11. Directives, Plugins, SSR, and More

12. Other Books You May Enjoy

Leave a review - let other readers know what you think

Changing the application's main component

After creating the pages and the navigation bar, we need to change the application's main component to be able to render the routes and have the navigation bar at the top.

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Heitor Ramon Ribeiro

Heitor Ramon Ribeiro

Heitor Ramon Ribeiro has been developing for the web for over 15 years. Heitor has built enterprise applications for businesses using Vue.js and the principles of clean architecture, shifting his course from legacy applications to the new world of single-page applications (SPAs) and progressive web applications (PWAs). He thinks that almost anything is possible today with a browser and that JavaScript is the future of programming. When he's not programming or leading a frontend team, he's with his family having fun, streaming their gaming sessions, or playing some first-person shooter games.

See other products by Heitor Ramon Ribeiro

Other recommended products

Related to this chapter

Building Vue.js Applications with GraphQL

Building Vue.js Applications with GraphQL

GraphQL is an emerging standard for using APIs for modern web development, making it easier for front-end developers to communicate with the APIs. This book is a tutorial on building a Vue.js-based full-stack chat app using frameworks such as AWS Amplify with GraphQL. The book provides recipes for building and deploying your app from scratch.

Jan 2021 9h 56m

Creating Interfaces with Bulma

Creating Interfaces with Bulma

From basic features to advanced practice, this book is a step-by-step guide to building a web user interface from scratch using Bulma.

Nov 2019 6h 28m

Vue.js: Understanding its Tools and Ecosystem

Vue.js: Understanding its Tools and Ecosystem

Vue.js is one of the most preferred JavaScript frameworks and is used by several organizations such as NASA and Expedia. With this book, you'll learn the fundamental concepts of Vue.js and the popular technologies that make up its ever-growing ecosystem.

Nov 2019 6h 28m

Vue.js Quick Start Guide

Vue.js Quick Start Guide

Vue.js is the latest trending frontend framework. Simplicity, reactivity, and ?exibility are some of the key benefits that Vue offers to developers. This book will help you learn everything you need to know to build stunning reactive web apps with Vue.js 2 quickly and easily.

Oct 2018 6h 12m

Front-End Development Projects with Vue.js

Front-End Development Projects with Vue.js

Front-End Development Projects with Vue.js introduces you to Vue 2 and helps you get started with web application development using this popular framework. You'll master the knowledge and skills needed to become an effective front-end developer and apply them to tackle real-world development challenges.

Nov 2020 25h 48m

Vue.js 3 By Example

Vue.js 3 By Example

This book focuses on the popular frontend web framework Vue's latest version, Vue 3.0. You'll explore the Vue ecosystem, discover how you can use it to achieve impressive results in a short space of time, and learn essential Vue 3 concepts by building real-world applications.

Apr 2021 10h 40m

Building Forms with Vue.js

Building Forms with Vue.js

Building forms with Vue.js will guide you step by step to transform your online forms into a schema driven powerhouse. With the use of some of the core and most popular libraries you will be able to go from zero to hero.

Oct 2019 3h 36m

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

ASP.NET Core and Vue.js

ASP.NET Core and Vue.js

ASP.NET Core and Vue.js is a practical web application development book that will help you develop modern full-stack web apps, which can withstand scale and performance challenges. You'll learn all the core aspects and effectively implement them using best practices in coding and project structuring.

Jun 2021 15h 56m

Full-Stack Web Development with Vue.js and Node

Full-Stack Web Development with Vue.js and Node

Isomorphic JavaScript was the buzzword of the year 2017, allowing developers to utilize a single language throughout their web development stack and build cost-effective and scalable applications. MEVN is a one such modern web development stack consisting of web applications such as MongoDB, Express.js, Vue.js, and Node.js. Hands-On Full-Stack Web Development with Vue.js 2 and Node.js leverages the harmony of these technologies to help you create full-stack web applications.

May 2018 12h 12m

Vue.js 2 Web Development Projects

Vue.js 2 Web Development Projects

Do you want to make your web application amazingly responsive? Are you unhappy with your app's performance and looking forward to trying out ways to make your app more powerful? Then Vue.js, a framework for building user interfaces, is a great choice, and this book is the ideal way to put it through its paces. This book's project-based approach will get you to build six stunning applications from scratch and gain valuable insights in Vue.js 2.5.

Nov 2017 13h 16m

Vue.js 2 Design Patterns and Best Practices

Vue.js 2 Design Patterns and Best Practices

Vue.js is a lightweight and easy-to-learn JavaScript library for building user interfaces. With its faster and lighter Virtual DOM implementation, easier to learn, flexible, less opinionated solution, and many features, Vue.js is giving a good competition to the popular frameworks and libraries such as React and Angular. This book takes a complete journey to exploring the important design patterns in Vue and implementing them in real life scenarios

Mar 2018 11h 28m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.

Jul 2024 8h 28m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

FastAPI Cookbook

FastAPI Cookbook

This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.

Aug 2024 11h 56m

Mastering Spring Boot 3.0

Mastering Spring Boot 3.0

This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.

Jun 2024 8h 32m

Nuxt 3 Projects

Nuxt 3 Projects

This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.

Jun 2024 7h 40m

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.

Sep 2024 10h 4m

Full-Stack Web Development with TypeScript 5

Full-Stack Web Development with TypeScript 5

The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.

Mastering Flask Web and API Development

Mastering Flask Web and API Development

The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.

Aug 2024 16h 28m