vue -- 动态加载组件

利用component及is占位符即可轻松实现动态切换加载tab栏

语法

<component :is="tabname"></component>

必须是is占位符，不能写别的，通过v-bind指令动态绑定属性

tabname就是我们要显示的组件名称

比如我们创建了三个子组件，并注册到了根组件中：one，two，three

那想要展示哪个子组件，就将组件名赋值给tabname

this.tabname = one