Complete Vue.js 2 Web Development_ Practical guide to building end-to-end web development solutions with Vue.js 2

Transitions and Animations Chapter 13

As the number of kisses increase, the princess zooms out:

With this, the Santa zooms in:

How it works...

If you understand how reactivity works in Vue, there is not much to add. We bound the

name of the transition to the kindOfTransformation variable and switched from fade to

zoom in our code. We also demonstrated that the other attributes of the tag

can be changed on the fly as well.