..."完整示例地址：https://codesandbox.io/s/yjl1wjyoy1?from-embed"现在，我们可以通过普通过渡组件可以接受的任何事件和支持，这使得我们的组件更具可重用性。但为什么不更进一步，增加通过prop轻松自定义持续时间的可能性。ExplicitdurationpropVue为过渡组件提供了一个durationprop，但是，它是为更复杂的动画链接而设计的，它有助于Vue将它们正确地链接在一起。在我们的例子中，我们真正需要的是通过组件属性来控制CSS动画/过渡。我们可以通过不在CSS中指定明确的CSS动画持续时间来做到这一点，而是作为一种样式。我们可以借助转换钩子来做到这一点，它与组件生命周期钩子非常相似，但它们在转换所需元素之前和之后被调用。让我们看看它是如何工作的。//FadeTransition.vue》完整示例地址：https://codesandbox.io/s/j4qnjvmwz9?from-embed”现在我们可以控制实际可见的过渡时间，这使得我们的可重用过渡灵活且易于使用。但是如何转换多个元素（例如列表项）呢？Transitiongroupsupport你能想到的最直接的方式大概就是新建一个组件，比如说fade-transition-group，然后用transition-group标签替换当前的transition标签，来实现grouptransition。如果我们可以在同一个组件中执行此操作并公开一个可以切换到过渡组实现的groupprop会怎样？幸运的是，我们可以通过渲染函数或组件和属性来做到这一点。//FadeTransition.vue