码迷,mamicode.com
首页 > 其他好文 > 详细

动态组件(选项卡):

时间:2017-09-14 11:59:39      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:创建   效果图   脚手架   alt   安装流程   技术分享   基础   配置   src   

 

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

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

技术分享技术分享

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

技术分享

效果图如下:

技术分享

 

动态组件(选项卡):

标签:创建   效果图   脚手架   alt   安装流程   技术分享   基础   配置   src   

原文地址:http://www.cnblogs.com/IvyXia/p/7519611.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!