梗概:

在挂载了Vue应用的html标签中

使用Vue内置的特殊标签作为占位符: <component>
<component>会变成is属性所指向的组件
1. 这个特殊标签中的is属性为组件的名字

适用范围

代码量相当于router view更多一些
逻辑更合理
可扩展性大

说明:

<component>更换标签的时候, 会重新渲染标签
1. 如果想要使标签能够缓存下来的话, 应使用[[Vue keep-alive缓存标签|]]标签包裹<component>标签

语法:

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