[Vue2.0]手撸手淘H5购物车组件
栏目: JavaScript · 发布时间: 7年前
内容简介：最近一直在写React，Vue有段时间没写了，所以趁这个时间设计个Vue的小项目练练手。年轻时在电商的公司实习过，所以还是打算写一个电商相关的小项目，也算是一个总结。 因此这次就拿手淘H5购物车开刀。数据都是来自手淘的真实数据，也是观测了一段时间才定义好数据结构。 整个项目下来还是有不少收获，坑点慢慢都会总结到个人博客里。
最近一直在写React，Vue有段时间没写了，所以趁这个时间设计个Vue的小项目练练手。
年轻时在电商的公司实习过，所以还是打算写一个电商相关的小项目，也算是一个总结。 因此这次就拿手淘H5购物车开刀。 项目GitHub
数据都是来自手淘的真实数据，也是观测了一段时间才定义好数据结构。 整个项目下来还是有不少收获，坑点慢慢都会总结到个人博客里。
因为鄙人手底下只有一台6s Plus,所以只是在这台手机的Safari和Chrome下做了测试，如果在其他机子上有 问题欢迎提issue.
Tips
电商有两个概念，一个是SPU(Standard Product Unit)，另一个是SKU(Stock Keeping Unit)。
其中SPU就是一个独立商品，比如iPhone Xs，比如MacBook Pro.
而SKU是一个独立商品的类型组合单元，拿iPhone Xs为例，假设这款手机有两种属性，分别 是 颜色 和 容量存储 ，假设有 黑、白、金 三种颜色， 16G 和 64G 两种容量存储，这意味着iPhone Xs 有六种组合方式，这六种组合方式会有 不同的价格 ，不同的 货存量 ，变态点儿还有不同的 促销方式 。
Usage
### Project setup yarn install ### Compiles and hot-reloads for development yarn run serve ### Compiles and minifies for production yarn run build 复制代码
关于测试数据，可以进入 src/assets/mock/data.js 中修改，然后把console的数据复制到 public/data.json 中即可。但是要保证 storeId 和 skuId 的唯一性。
以上所述就是小编给大家介绍的《[Vue2.0]手撸手淘H5购物车组件》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
付费：互联网知识经济的兴起
方军 / 机械工业出版社 / 2017-6-1 / CNY 59.00
关于互联网知识付费的首部作品 知识工作正在被重塑，知识经济正在开启互联网时代下半场 为你展现互联网知识经济全景大图，解读新物种的前世今生 内容简介 一个产业解读 三个分析工具 一组知识卡片 书是最早的知识载体，已有2000多年的付费历史，随着移动互联网的普及，新的知识经 济在今天爆发，知识的创造者和传播者从书后走到了书前，互联网知识经济正在拉开帷幕。知识的......一起来看看 《付费：互联网知识经济的兴起》 这本书的介绍吧!
