Transtion动画组件要求包裹元素必须是单一根节点

在 Vue 3 中，组件的模板支持多个根节点（这被称为 Fragments）。虽然这提高了灵活性，但却与 <Transition> 组件的要求冲突了。

<Transition> 组件的工作原理是通过在动画的不同阶段（进入/离开）为单个根元素添加或移除 CSS 类（如 v-enter-from, v-enter-active, v-enter-to）来实现动画效果的。如果内部组件有多个根节点，Vue 就不知道应该把这些动画类应用到哪里，因此无法执行动画，并抛出警告。