动态组件(选项卡):

 

本文是基于vue-cli脚手架基础上对动态组件做简单介绍,关于脚手架的介绍,请见:vue脚手架的安装流程(vue-cli)。

 在src文件夹下创建components文件夹,并在其下创建Aaa.vue和Bbb.vue两个组件文件,如下图:

再在App.vue中做如下的一些配置,即可完成有组件实现的选项卡切换:

效果图如下:

 

posted @ 2017-09-14 11:07  小小夏123  Views(341)  Comments(0Edit  收藏  举报