vue3使用动态component

使用场景：

多个组件通过component标签挂载在同一个组件中，通过触发时间进行动态切换。vue3与vue2用法不一样，这里有坑！

使用方法：

1.通过vue的defineAsyncComponent实现挂载组件

2.component中的is属性

父组件：

子组件：

效果：

这里会有警告：Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`. （Vue收到一个组件，该组件被设置为反应对象。这可能会导致不必要的性能开销，应该通过用“markRaw”标记组件或使用“shallowRef”而不是“ref”来避免。）

        

解决方法：

1.使用shallowRef替换响应式