在 Vue 3 中，组件的模板支持多个根节点（这被称为 Fragments）。虽然这提高了灵活性，但却与 <Transition> 组件的要求冲突了。<Transition>组件的工作原理是通过在动画的不同阶段（进入/离开）为单个根元素添加或移除 CSS 类（如v-enter-from,v-enter-active,v-enter-to）来实现动画效果的。如果内部组件有多个根节点，Vue 就不知道应该把这些动画类应用到哪里，因此无法执行动画，并抛出警告。
在 Vue 3 中，组件的模板支持多个根节点（这被称为 Fragments）。虽然这提高了灵活性，但却与 <Transition> 组件的要求冲突了。<Transition>组件的工作原理是通过在动画的不同阶段（进入/离开）为单个根元素添加或移除 CSS 类（如v-enter-from,v-enter-active,v-enter-to）来实现动画效果的。如果内部组件有多个根节点，Vue 就不知道应该把这些动画类应用到哪里，因此无法执行动画，并抛出警告。