购物车组件设计

简单版本的 —— 不再代码演示了，只做一下分析：

• 画原型图（结合外卖 app 的订单界面，考虑每个商品的数量）
• 组件设计
• 数据结构设计

复杂版本的，代码示例 ~/Learn/vuex/example/shopping-cart （vuex 中的 example）

可以先不看结算功能

• 先把 demo 运行起来，看看效果
• 看代码结构 app.js components api
• app.js
• api/shop.js
• store/modules/products.js
• store/modules/cart.js
• components/App.vue - 查看组件结构
• components/ProductList.vue
• components/ShoppingCart.vue
• 总结：组件拆分，数据结构，数据操作（actions mutations）