vue中的半程动画

标签：off   ansi   动画   set   form   完成   head   vue   nsf   

vue中使用css和第三方库完成的动画都是全程动画（又开始，有结束），当有些需求只需要又开始的动画，不需要有结束的动画时（加入购物车时，有一个小球慧聪商品按钮区域，运动到购物车图标上，并不会返回回去），他们两个不会满足需求

此时vue为我们提供了

JavaScript 钩子可以满足需求

<transition

v-on:before-enter="beforeEnter"

v-on:enter="enter"

v-on:after-enter="afterEnter"

v-on:enter-cancelled="enterCancelled"

v-on:before-leave="beforeLeave"

v-on:leave="leave"

v-on:after-leave="afterLeave"

v-on:leave-cancelled="leaveCancelled"

</transition>

共提供了8个钩子函数，将这些函数定义到methods中，我们写加入购物车小球动画时，只需要前三个钩子函数即可

vue中的半程动画

标签：off   ansi   动画   set   form   完成   head   vue   nsf   

原文地址：https://www.cnblogs.com/Progress-/p/12034420.html