在组件转换之前，vue组件内部的转换元素

Question

我正在尝试向SPA添加一些转换，我已经拥有主App.vue文件，该文件根据主app.vue本身中的路由器链接为SPA的每个部分运行两个单独的vue文件。

我设置了将指令包装为mode =“ out-in”的，并且所有内容都像一个魅力（我用animate.css，所以整个事情看起来像这样

    <transition
        enter
        enter-class="enter-mainframe"
        enter-active-class="animated fadeInDown fast"
        leave-class="leave-mainframe"
        leave-active-class="animated fadeOutUp fast"
        mode="out-in"
    >
        <router-view @clicked="OnClickChild" ref="main"></router-view>
    </transition>

）。

现在我正在尝试增加一些复杂性。

两个组件之一都有一个面板，该面板会稍稍延迟插入，我用包裹了它。加载组件后，面板将完美显示。

我想在整个组件淡出时添加滑出效果，但是我不知道该怎么做，因为当我单击路由链接切换组件时，组件本身就像一个整体然后面板沿着主容器移动。

关于如何实现期望的行为的任何建议？

预先感谢 最好的问候

卡洛