Vue中使用nimate实现动画效果

        在我们的日常开发中，CSS效果也是页面构建中的一部分。

我带的大学刚毕业的实习生，因为工作需求，需要使用animate来做动画效果。他说自己上学的时候练习，在写的官网中用了animate，但是不会在vue项目中使用。

        很多同学学的时候好好的，但是到了vue项目中，就不知道怎么用了。下面我具体写一下使用方法。
 

第一步

在终端命令行中执行：npm install animate.css –save

npm install animate.css –s

第二步

在main.js 中  引入animate  

import animate from 'animate.css'

Vue.use(animate)

import animate from 'animate.css'

Vue.use(animate)

第三步

在标签中class命中，按下面命名规范添加动画class名

注意这里的动画命名下划线是两个

   < img src="xxx.png" />

< img  src="xxx.png" />

你要是还不会

 把class之一的animate__bounceIn换成   animate__（画红线位置） 

希望各位刚步入职场的大学生都可以找到心仪工作哦！！