七、动态组件（一到七节为Vue基础）

（1）绑定组件

<component is=要绑定的组件名></component>

（2）动态绑定组件

即组件名不确定，是用变量表示的，则is前需加：，即

<component :is="要绑定的组件名变量"></component>

<component>元素，可以动态的绑定多个组件到它的is属性

 

注意：动态组件切换时，会把原来的组件删除，重新创建新的组件

解决方法：使用<keep-alive></keep-alive>保留原来组件的状态，避免重新渲染

（3）例子

点击 每个选项时，显示相应的文字