使用animated css库

Question

老师，看视频访问的地址访问不到，按照视频的地址访问，页面自动跳转到：
https://animate.style/
然后安下边cdn提示下载的文件，在代码里边使用的方式也不太一样了：

hello world

<button @click=“handleTClick”>切换(animate)
和视频里边的有出入了

我看到animated的样式库文件 时4.1.1 的版本了；
这和您用的有区别吗？

Answer 1

提问者 Keily 2020-11-28 13:18:54

是这样的额，老师您用的这个animated版本可能是之间比较早的版本了，写法是您那样使用的，我从网上下来了一个比较早的版本，用您那种写法是有效的，现在比较新的版本，是新的使用方式了；

官网的使用说明是这样的：

Basic usage

After installing Animate.css, add the class animate__animated to an element, along with any of the animation names (don't forget the animate__ prefix!):

• Dell #1

  我看到了，确实有改动，在新的vue课程里，我更新了这块的内容。同学你可以去读一下vue3的英文文档，动画那一小节详细讲解了如何使用新版本的animate.css

• S3970477 #2

  enter-active-class="animate__animated animate__swing"
  leave-active-class="animate__animated animate__backOutDown"
  这是新的语法格式，亲测可用哦！