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