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

vue组件的引用:

时间:2017-09-13 20:16:50      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:log   app   margin   col   配置   脚手架   基于   简单   注意   

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

在src文件夹下创建components文件夹,并在其下面创建Home.vue和List.vue两个文件:

技术分享技术分享技术分享

 在App.vue中引入Home.vue和List.vue两个组件:

技术分享

 这样Home.vue和List.vue两个组件就被引入到App.vue组件里面了,效果图如下:

技术分享

注意:引入组件的component是要带s的,而配置路由的component不要带s。

关于vue路由的配置,请见:vue-router实现单层路由

 

vue组件的引用:

标签:log   app   margin   col   配置   脚手架   基于   简单   注意   

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

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