内置类名实现动画

• 元素进入
  v-enter进入的起点
  v-enter-active进入过程中
  v-enter-or进入的终点
  -元素离开
  v-leave离开的起点
  v-leave-active离开的过程中
  v-leave-to离开的终点
  使用transition标签包裹要过度的元素，并配置name属性，此时将上面的v换为name；
  要让页面一开始就显示动画，需要在transition标签中配置appear属性；
  如果有多个元素需要过度，则需要使用transition-group标签，并且每个元素都要指定key值。

第三方库Animate.css

用import语句调用animate库，在标签中用动画类名-class作为属性名调用animate内置动画样式。

<template>
  <transition-group appear
    name='animate_animated'
    enter-active-class='animate_swing'
  >
    <h1 key='1'>hello</h1>
    <h2 key='2'>world</h2>
  </transition-group>
</template>
<script>
import 'amimate.css'
<script/>