Javascript 将转换类应用于公共父级

这似乎是一个常见的问题，但我无法找到解决办法

我有这样的Vue转换：

<div class="parent">
    <div>Some content</div>
    <transition name="slide">
        <div v-show="somecondition">Some transitioning content</div>
    </transition>
</div>

一些内容
一些过渡内容

通常，Vue会将转换类应用于内部转换div。但是，我需要将这些类应用于

.parent

div，以便在同级元素上使用这些类

---

我如何在父级上应用转换类而不是元素消失？

显然，您可以将转换放在外部，但我认为这不是您想要的。你能解释一下为什么要这样做，并用你的用例创建一个fiddle a well吗？我有一个兄弟div，它与转换div一起滑动。在CSS中使用相同的转换来移动它们会很有用。我找到了一个解决方法，它使用另一个Vue变量来确定非转换div上的类，以便动画对齐。但是，如果在父级上更改类并从那里进行级联，会更干净。你所说的“将过渡置于外部”是什么意思？这不会导致整个父元素消失吗？这里有一个代码笔：。显然，可以通过将一个类绑定到box变量并处理CSS来移动蓝框，但这比仅仅从类继承要复杂得多。