五分钟带你玩转vue（五）动画

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。

包括以下工具：

在 CSS 过渡和动画中自动应用 class

可以配合使用第三方 CSS 动画库，如 Animate.css

在过渡钩子函数中使用 javaScript 直接操作 DOM

可以配合使用第三方 JavaScript 动画库，如 Velocity.js

下面简单做一下动画的实例

动画简单实例

隐藏显示

app.vue

Anim.vue

移动

使用第三方库

引入第三方库 https://daneden.github.io/animate.css/

index.html引入

引入div 多种样式可以参考文档 也可以去https://daneden.github.io/animate.css/寻找动画

JavaScript Vue

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。