Learn the core concepts of Vue.js, the modern JavaScript framework for building frontend applications and interfaces from scratch. Through concise, practical, and clear examples, this book takes web developers step-by-step through the tools and libraries in the Vue.js ecosystem and how to use them to create complete applications for real-world web projects.

Author Maya Shavin explains how to create a complete application development process using a variety of tools in the Vue.js library. You’ll learn how to handle data communication between components with Pinia architecture, develop a manageable routing system for a frontend project to control the application flow, and produce basic animation effects to create a better user experience.

This book also shows you how to:

• Create reusable and lightweight component systems using Vue.js
• Bring reactivity to your existing static application
• Set up a project using Vite.js, a build tool for frontend project code management
• Build an interactive state management system for a frontend application with Pinia
• Connect external data from the server to your Vue application
• Control the application flow with static and dynamic routing using Vue Router
• Fully test your application using Vitest and Playwright