v-if动画1
v-show动画2
<transition>标签包住要实现动画的元素name属性name拼接上-enter，-enter-to，-enter-active，-leave，-leave-to，-leave-active，其中后两者可选。
v-if动画1
<transition>中加入以上6种状态名字和-class拼起来的特性（标签的属性以后称呼为特性），值为自定义的类名钩子函数控制的动画
before-enter：进入前，enter：进入中，after-enter：进入后，enter-cancelled：进入动画被取消，before-leave：离开前，leave：离开中，after-leave：离开后，leave-cancelled：离开动画被取消，-cancelled这个钩子。如果动画进入过程中被取消，就等进入动画完成后再自动触发离开动画；而离开过程中被取消，则会把离开的最后设定状态再叠加上进入的动画一起表现出来。 tag="div" 表示transition-group将会被渲染成div标签动画一
动画二
动画三
动画一