1.在插入、更新、移除DOM元素时，在合适的时候给元素添加样式类名
?2.元素有一个进入过程：Enter，一个离开过程Leave。
两个过程都有一个初始态（）和终止态（-to）和两态之间的过度效果（activate）
3.写法?
?动画：写好v-enter-active（替换come这个名字）和v-leave-active（替换go）（这两个是vue的工作）和动画atguigu（这个是css3的效果）。再用<transition>把动画元素包起来就行。appear是让元素一加载就执行一次v-enter-activate
?
?-------------------------------------------------------------------------------------------------
?过度：这里的起点终点是vue的作用。
?或者
<style scoped> /* .todo-enter-active{ animation: myAnamite 1s; } .todo-leave-active{ animation: myAnamite 1s reverse; } @keyframes myAnamite { from{ transform: translateX(-100%); } to{ transform: translateX(0); } } */ .todo-enter,.todo-leave-to{ transform: translateX(-100%); } .todo-leave,.todo-enter-to{ transform: translateX(0); } .todo-enter-active,.todo-leave-active{ transition: 1s linear; } </style>多个元素过度：
?第三方动画库：anamite.css库
网址：
安装：
引入：在script中? import ‘animate.css’
?
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #Vue #过度与动画 #appear是让元素
