37-Vue组件-动态(切换优化)

这里主要是出现问题,查阅文档,解决问题

一.重点

这里Vue提供了一个占位符组件,可以根据属性属性切换为不同的组件

二.问题

通过v-if能实现组件的切换,但是个数和组件是一对一的关系,如果切换的组件过多,就会出现问题

三.解决方法

Vue提供了一种动态组件,可以通过给component标签的is属性赋值(组件的名称),实现组件的切换

四.代码验证

image.png
image.png

组件和组件注册都沿用前者的