vue----动画

 

 

1 注意：
2 .hello-enter-active{}
3 这样的前面是有.
4 在vue中要使用动画的盒子必须要使用<transition></transition>包裹起来
5 还要在这个标签中起名字来区分
6 这里我起的是hello
7 实现起来如图所示

 

 1 这个是vue中底部实现的方式： 2 不写动画，依靠这个手写也可以达到同样的效果 

 《transition-group的知识》

这里正如v-for 中加上key比较好

《第三方库》

这个网站:https://animate.style/有强大的教学与功能

posted @ 2022-05-20 23:19  次林梦叶  阅读(29)  评论(0)    收藏  举报