动态组件

有的时候,在不同组件之间进行动态切换是非常有用的,比如在一个多标签的界面里:

动态组件 - 图1

上述内容可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现:

  1. <!-- 组件会在 `currentTabComponent` 改变时改变 -->
  2. <component v-bind:is="currentTabComponent"></component>

在上述示例中,currentTabComponent 可以包括

  • 已注册组件的名字,或
  • 一个组件的选项对象 你可以在这里查阅并体验完整的代码,或在这个版本了解绑定组件选项对象,而不是已注册组件名的示例。

到目前为止,关于动态组件你需要了解的大概就这些了,如果你阅读完本页内容并掌握了它的内容,我们会推荐你再回来把动态和异步组件读完。