Using visual effects
Visual effects make it possible to make HTML pages more dynamic by bringing visual animations to them. For example, to delete an item in a list, you can make it gradually disappear using an opacity effect rather than deleting it directly without using a visual effect.
It is possible to use visual effects with Vue.js, in particular, to make elements appear or disappear from the page. Visual effects that do not make HTML elements appear or disappear from the page (for example, making an element move by clicking on it) are also possible with Vue.js. You can refer to https://vuejs.org/guide/extras/animation.html for more details on these types of animations. We do not explain these effects here because the available documentation is clear enough to use them.
Going forward in this chapter, we will learn about the visual effects that are related to the appearance or disappearance of one or more elements on the page.
The element we want to help appear or disappear...
