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

Table of Contents

  1. 1. Welcome to the Vue.js world!
  2. 2. How Vue works - The basics
  3. 3. Composing components
  4. 4. Interacting between components
  5. 5. Incorporating external data