Front-End Development Projects with Vue.js

7. Animations and Transitions

Overview

This chapter deals with creating transition and animation effects in a Vue application. Throughout this chapter, you will explore the basics of Vue transitions. We will cover single-element transitions, using transition groups to animate a list of elements, and creating full-page animations with transition routes. You will also learn how to create your transitions and learn how to combine with external libraries to do various animations.

By the end of the chapter, you will be ready to implement and handle the fundamental transition and animation effects for any Vue application.

Introduction

In Chapter 6, Routing, you learned about routes and how to set up an essential routing navigation system using ...