通过示例了解Vue过渡和动画，最简单的前端自定义ListView下拉刷新与上拉加载

1. enter-from-class

2. enter-active-class

3. enter-to-class

4. leave-from-class

5. leave-active-class

6. leave-to-class

将自定义库添加到代码中时，这特别有用，稍后，我们会做说明。

<transition

enter-active-class=“animated fadeIn zoomIn”

leave-active-class=“animated fadeOut zoomOut”

…

另外，transition元素还会发出JS钩子函数，因此我们可以捕获它们并使用 JS 来执行动画。 可用的钩子有：

• before-enter / before-leave

• enter / leave

• after-enter / after-leave

• enter-cancelled / leave-cancelled

<transition @before-enter=‘beforeEnter’>

然后，我们可以在 JS 中处理它们。

beforeEnter(el, done) {

done()

}

Vue Transition 高级用法

上面介绍的只是一些基础&