首页 > 其他 > 详细

vue-cli 组件的使用

时间:2017-01-05 14:22:55      阅读:324      评论:0      收藏:0      [点我收藏+]

开始项目之前,先了解如何创建项目: http://www.cnblogs.com/pearl07/p/6247389.html

 

1,项目目录结构(路由是后来建的,将在下一篇使用路由,此处可忽略)。

技术分享

 

2,首先完善main.js。 

技术分享

 

3,在components下 ,新建一个first.vue组件,并实现基本功能(模板、script和样式)

----此处应该先了解vue.js 2.0基本语法  http://cn.vuejs.org/v2/guide/

技术分享

 

4,在app.vue中引入并使用自己创建的组件。

技术分享

 

5,npm run dev  打开 http://localhost:8080/可看到如下效果。

技术分享

vue-cli 组件的使用

原文:http://www.cnblogs.com/pearl07/p/6252116.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!