动态组件
有的时候,在不同组件之间进行动态切换是非常有用的,比如在一个多标签的界面里:
上述内容可以通过 Vue 的
<component>
元素加一个特殊的is
attribute 来实现:
<!-- 组件会在 `currentTabComponent` 改变时改变 -->
<component v-bind:is="currentTabComponent"></component>
在上述示例中,
currentTabComponent
可以包括
- 已注册组件的名字,或
- 一个组件的选项对象
请留意,这个 attribute 可以用于常规 HTML 元素,但这些元素将被视为组件,这意味着所有的 attribute 都会作为 DOM attribute 被绑定。对于像
value
这样的 property,若想让其如预期般工作,你需要使用.prop
修饰器。