五分鐘帶你玩轉vue（五）動畫

Vue 在插入、更新或者移除 DOM 時，提供多種不同方式的應用過渡效果。

包括以下工具：

在 CSS 過渡和動畫中自動應用 class

可以配合使用第三方 CSS 動畫庫，如 Animate.css

在過渡鉤子函數中使用 javaScript 直接操作 DOM

可以配合使用第三方 javaScript 動畫庫，如 Velocity.js

下面簡單做一下動畫的實例

動畫簡單實例

隱藏顯示

app.vue

Anim.vue

移動

使用第三方庫

引入第三方庫?https://daneden.github.io/animate.css/

index.html引入

引入div 多種樣式可以參考文檔 也可以去https://daneden.github.io/animate.css/尋找動畫

JavaScript Vue

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。