增加类实现动画效果
- transition标签包裹需要动画的内容,，并增加类v-enter,v-enter-active,v-leave-to,v-leave-active以及动画css属性，若是transition标签上有name属性，<transition name='fade'>则类名v,要改成name的值--fade
- transition标签中要是加上mode=‘out-in’，表示上个元素先消失，下个元素再显示，也可以写成‘in-out’
- transition-group标签中包裹列表，要是列表有增加删除的操作，就会有动画效果，不过也需要设置四个类（跟transition标签一样）
通过js实现动画效果
- v-on:before-enter是vue自带的钩子，动画执行之前
- v-on:enter是vue自带的钩子，动画执行时，方法中可以调用done()，表示执行完成
- v-on:after-enter是vue自带的钩子，动画执行后