Javascript 是否有方法覆盖vue组件内部的转换

我想知道是否有一种方法可以覆盖或更改vue组件内部的转换。
实际上，我正在使用buefy组件来创建我的网站。。但问题是一些组件，比如collapse，它有一个带有淡入过渡的插槽，我不喜欢它。

我在胡思乱想是否有办法覆盖vue转换
或者创建一个mixin，它将覆盖javascript转换挂钩。。但现在的问题是，他们正在应用css转换。。取而代之的是，我希望javascript钩子启动并以某种方式进行幻灯片转换。。

---

Buefy似乎不打算制作新的vue组件，而是在其组件上支持正常的vue样式转换，尽管它没有文档记录。buefy css显示了一些预定义的淡入淡出、放大、缩小、幻灯片下一步和幻灯片上一步过渡。如果您想要不同的过渡，您必须自己定义它们，或者使用类似Animate.css的css库

通过向组件添加

animation=“name”

，可以覆盖默认淡入淡出过渡

<b-collapse animation="slide-next">
  //..
</b-collapse>

---

这里是一个工作jfiddle示例，包含两个内置示例和一个自定义示例

你试过什么吗？有任何研究或代码或其他东西吗？试试

有用吗？@Manishh-yeah已经搜索了很多，但找不到任何有用的东西。虽然我想做些其他事情，但谢谢你的回答。我想做一个高度0px，然后是全高过渡。。这在cssi中是不可能实现的。我想制作一个上下滑动效果，比如关闭时的**高度：0**，打开时的全高。。。为此，我必须动态计算容器元素的高度。因此，它不可能与css兼容。我想知道是否有一种方法可以在单词后添加javascript转换钩子我尝试的是制作一个单独的幻灯片转换组件，当我在普通html元素上使用它时，它工作得很好，但是。。当我在车里用它的时候，它不起作用

.myCustomSlide-leave-active,
.myCustomSlide-enter-active {
   transition: 1s;
}
.myCustomSlide-enter {
   transform: translate(100%, 0);
}
.myCustomSlide-leave-to {
   transform: translate(-100%, 0);
}