warn]: Component inside <Transition> renders non-element root node that cannot be animated.

因为比较简单先说解决方法： 用一个 div 把 过渡到的 代码(组件代码) 包起来即可

详情：

用到 transition:  (提升用户体验组件动画)

警告信息：

过渡的 组件 代码：

解决：(用div 把所有 代码包起来)

期望结果：

由于vue3 支持碎片写法没错，但是 transition 内置要求需要 包裹 dom