如何在Vue中将创建可重用的Transition方法改写成长尾？

本文共计1843个文字，预计阅读时间需要8分钟。

Vue.js中的transition功能非常酷炫。无需疑问，它可以让应用程序像栩栩如生般流畅。但通常需要在每个项目中从头开始编写，甚至可能还需要引入animate.css等CSS库来增强其功能。

Vue.js中的transition确实很棒。毫无疑问，它们可以非常轻松地让应用程序栩栩如生，但是通常必须在每个项目中从头开始编写它们，甚至还需要引入animate.css之类的CSS库来使它们功能更强大。

如果我们可以将它们封装到组件中，并在多个项目中简单地重用它们，结果会怎样呢?我们将介绍几种定义transition的方法，并深入研究如何使它们真正可重用。

原始transition组件和CSS

定义transition的最简单方法是使用transition·或transition-group组件。这需要为transition定义一个name`和一些CSS。