首页 > 其他分享 >【Vue2.0学习】—过渡与动画(六十三)

【Vue2.0学习】—过渡与动画(六十三)

时间:2022-10-29 11:33:25浏览次数:76  
标签:动画 移除 leave active 过渡 enter 六十三 Vue2.0


【Vue2.0学习】—过渡与动画(六十三)

Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具:

  • 在 CSS 过渡和动画中自动应用 class
  • 可以配合使用第三方 CSS 动画库,如 Animate.css
  • 在过渡钩子函数中使用 JavaScript 直接操作 DOM
  • 可以配合使用第三方 JavaScript 动画库,如 Velocity.js

作用:在插入、更新或者移除DOM元素时,在合适的时候给元素添加样式类名。

图示:

【Vue2.0学习】—过渡与动画(六十三)_前端

过渡的类名

标签:动画,移除,leave,active,过渡,enter,六十三,Vue2.0
From: https://blog.51cto.com/u_15703678/5805850

相关文章