13

Transitions and Animations

In this chapter, the following recipes will be covered:

Integrating with third-party CSS animation libraries such as animate.css

Adding your own transition classes

Animating with JavaScript instead of CSS

Transitioning on the initial render

Transitioning between elements

Letting an element leave before the enter phase in a transition

Adding entering and leaving transitions for elements of a list

Transitioning elements that move in a list

Animating the state of your components

Packaging reusable transitions into components

Dynamic transitions

Introduction

This chapter contains recipes related to transitions and animations. Vue has its own tags for

dealing with transitions intended for when an element enters or leaves the scene: