Vue动画

进入（显示，创建）

1.v-enter  进入前  （vue3.0  v-enter-from）

2.v-enter-active  进入中

3.v-enter-to 进入后

离开（隐藏，移除）

1.v-leave  离开前  （vue3.0  v-leave-from）

2.v-leave-active  离开中

3.v-leave-to 离开后

注意：多个transition使用不同动画，可以添加name属性，name属性的值替换v即可。

样式使用要想生效，需要给加动画的元素包裹一个transition标签,如下：

模板：

<transition name="fade">

<p v-if="show">100</p>

</transition>

样式：

.fade-leave-from { opacity: 1 }                 .fade-leave-active { transition: all 1s; }                  .fade-leave-to { opcaity: 0 }