There are actually many ways to use animation in vue project. You can use transition transition in vue, you can use animate animation and transition, or you can use the animate animation library separately (see vue official website - Transition: Transition). Let's start by introducing the use of animate animation alone in vue. It is actually very simple. You can achieve it in two steps:
Step 1: Installation:
Execute in the command line: npm install --save
Step 2: Introduce and use:
middle:
import animated from '' // npm install --save installation, introductory(animated)
use:
In the vue template:
<div class="ty"> <!-- Use directlyanimatedAnimation inclassname，Notice：Must useanimatedthisclassname，Otherwise the animation will be invalid --> <div class="box animated bounceInDown"></div> </div>
Summarize
The above is the tutorial on how to use the vue project that the editor introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time!