Vue.js 无法在休假时进行模式转换

当我打开模态时，它会毫无问题地转换，但是当隐藏模态时，它不会再次转换出来——它只是消失了

我有内部模式（在Vue2中工作），但这似乎是一个问题。。。如果我将组件从外部移动到父组件，并在转换中包装组件，它会工作，但似乎不可能将组件放在组件内部？有什么想法吗

---

请参见此处的代码沙盒：

将转换标记移动到父项中，包装组件。如果在模态/子组件本身上包装转换，则单击“关闭模态”按钮时将卸载该组件，动画将没有时间运行

  <transition name="modal" :appear="true">
    <Modal v-if="showModal" @close-modal="showModal = false" />
  </transition>

---

我知道这是可行的，但在Vue2中，可以在模式中包含过渡组件-这就是问题所在。。。有可能吗？我觉得这很烦人，因为它迫使我总是记得将它包装在转换组件中，而不是在组件中定义它。。。