Vue 过渡效果

1. overview

过渡效果主要是增加动画交互效果，增加用户体验。过渡效果在DOM进行插入、更新、删除时生效。主要可以使用四种方式实现：

• 在css过渡和动画是自动应用class类（所以要熟悉css的过渡和动画）
• 使用第三方动画库(animate.css)
• 在过渡钩子函数中使用 JavaScript 直接操作 DOM
• 可以配合使用第三方 JavaScript 动画库，如 Velocity.js

其中又可以具体细分：

• 单元素/组件的过渡
• 多元素的过渡
• 多组件的过渡
• 列表过渡
• 可复用的过渡
• 动态过渡