通過一些更多的調整，並通過在mixin中提取我們的JavaScript邏輯，我們可以將它應用於輕鬆創建新的transition組件，我們可以簡單地將它們放入並在下一個項目中使用它們。

Vue transition

到此為止描述的所有內容基本上都是這個小型Transition集合包含的內容 它有10個封裝的transition組件，分別在〜1kb（縮小）。我認為它非常方便，可以在不同的項目中輕鬆使用。隨意給它一個嘗試:)

結論

我們從一個基本的過渡示例開始，並設法創建可重用的過渡組件，並調整持續時間和transition-group支持。您可以使用這些提示根據您的需求創建您自己的transition組件，或者可以為Vuetransition做出貢獻並在其中添加更多transition。希望你從這篇文章中學到了一些東西，它會幫助你建立漂亮的transition。

閱讀更多 空空教你玩黑客 的文章

關鍵字: 技術 JavaScript 從頭開始