vue中使用过渡动画

使用js类库(velocity

安装:npm install velocity-animate

在man.js中引入

 

 

 

 

 

 enter,leave钩子函数中一定要使用done进行回调,否则过渡会立即完成

appera:只有初始渲染的时候才执行动画

 

 它也有钩子函数,before-appera

对列表进行过渡(transition-group),它会以一个真实元素进行渲染

 

 就可以和transition标签一样使用了

posted @ 2022-08-30 11:32  橘橙夏日  阅读(90)  评论(0编辑  收藏  举报