vue内置组件＜component＞ ：实现动态组件

1.描述

• component是vue的一个内置组件
• 相当于是一个占位符
• 目的是实现动态组件的效果
• 通过绑定 ”is” 属性，选择哪个组件被渲染出来

2. 属性

props:
is -string|ComponentDefinition|ComponentConstructor

3. 用法

渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。

<!-- 动态组件由 vm 实例的 `componentId` property 控制 -->
<component :is="componentId"></component>

<!-- 也能够渲染注册过的组件或 prop 传入的组件 -->
<component :is="$options.components.child"></component>