解决warn:Vue 3 – renders non-element root node that cannot be animated

1.出现这个warn的背景，请看代码：

2.问题原因分析：
由于:is="Component"属性会使所有的组件都渲染在这里，而外层是transition 虚拟组件，也就是说所有组件都会包裹在它里面，这是不允许的。

3.解决方案,推荐方案3：
-- 1.给每个组件分别加根节点div包裹起来：

-- 2.

-- 3.最优方案：

end：给出最终完整版，可以实现页面切换转场动画和缓存

export default {
  name: "app",
  setup() {
    return {};
  },
};