vue3中动态组件

动态切换组件
代码如下（示例）：

 

 

1.markRaw
标记一个普通对象，使得它不可以被转换成响应式对象。简单来说，就是组件不需要响应式，这样可以提高性能。

2.keep-alive
组件在非活动状态，依旧保持组件的实例。即组件被切换时，状态不会被重置。
当一个组件实例从 DOM 中移除但它是由 缓存的组件树的一部分时keepalive，它会进入停用状态而不是被卸载。当组件实例作为缓存树的一部分插入 DOM 时，它会被激活。
保持活动状态的组件可以使用onActivated()和为这两种状态注册生命周期钩子onDeactivated()