Vue动画
2021-12-01 本文已影响0人
沃德麻鸭
进入（显示，创建）
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 }
