vue2.0购物车和地址选配实例,附演示地址

25 阅读1分钟

首先,还是先来演示地址redatao.coding.me/shopping-Ca…

(注:想托管你的项目,让你的小伙伴也能直接通过连接欣赏你的操作,请参考:blog.csdn.net/RedaTao/art…

下边是效果展示图:

购物车信息:

选配地址信息:

 

 

开发准备

1.开发工具:

我是用的是webstorm,因为这个案例中需要调用数据,而webstorm自带服务器,方便测试,当然使用sublime也可以,不过需要自己搭建一个服务器环境,才能测试数据;

2.需要的相关文件:

     1.1 vue.min.js;

1.2 vue-resource.min.js;

其中resourse主要是进行http请求,以加载数据。

3.课程源码下载:

3.1 demo源码下载地址:github.com/Reda011/sho…

3.2 完整案例源码下载地址:github.com/Reda011/sho…

4.视频观看

视频资源来自慕课网:www.imooc.com/video/14079