将transition组件和CSS封装到组件中实现在vue.js项目中重复使用

通过一些更多的调整,并通过在mixin中提取我们的JavaScript逻辑,我们可以将它应用于轻松创建新的transition组件,我们可以简单地将它们放入并在下一个项目中使用它们。

Vue transition

到此为止描述的所有内容基本上都是这个小型Transition集合包含的内容 它有10个封装的transition组件,分别在〜1kb(缩小)。我认为它非常方便,可以在不同的项目中轻松使用。随意给它一个尝试:)

结论

我们从一个基本的过渡示例开始,并设法创建可重用的过渡组件,并调整持续时间和transition-group支持。您可以使用这些提示根据您的需求创建您自己的transition组件,或者可以为Vuetransition做出贡献并在其中添加更多transition。希望你从这篇文章中学到了一些东西,它会帮助你建立漂亮的transition。


分享到:


相關文章: