updata

README.md

@@ -2,7 +2,7 @@
 
 vue2的发布后自己也研究了一段时间，奈何公司的技术栈是以react为主，没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo，但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目，选择了饿了么也只是因为经常用，熟悉它的布局。之前的饿了么官网是用angular写的，最近才发现原来这段时间改成了vue1，看来饿了么也入了vue的坑。
 
-既然要写一个完整的项目，就要认真对待，除了付款其他所有功能都尽可能实现，包括登陆、注册、个人中心、搜索、购物车、下单等等，也包括所有我能注意到的细节也都一并做出来，所以这绝对算是一个比较大的项目。
+既然要写一个完整的项目，就要认真对待，所以除了付款其他所有功能都尽可能的实现，包括登陆、注册、个人中心、搜索、购物车、下单等等，也包括所有我能注意到的细节也都一并做出来，所以这绝对算是一个比较大的项目。
 
 项目不使用模拟数据，所有数据均使用从官网实时获取的真实数据，最大程度实现和官网一样的功能，所以首先遇到的问题是跨域，我们启动本地服务器是获取不到官网数据的，这是跨域的。当然解决的方法很多，jsonp，nginx反向代理，webpack-dev-server的proxy，这里我用的是 http-proxy-middleware 原理都是一样的。
 
@@ -20,9 +20,11 @@ vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + svg + http-
 - [x] 展示所选地址附近商家列表 -- 完成
 - [x] 搜索美食，餐馆 -- 完成
 - [x] 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 -- 完成
-- [x] 餐馆详细页面 -- 完成
+- [x] 餐馆食品列表页 -- 完成
 - [x] 购物车功能 -- 完成
 - [x] 店铺评价页面 -- 完成
+- [ ] 单个食品详情页面
+- [ ] 商家详情页
 - [ ] 登陆、注册
 - [ ] 修改密码
 - [ ] 个人中心
@@ -74,8 +76,8 @@ vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + svg + http-
 |       |-- search                   // 搜索页
 |       |-- shop                     // 商铺筛选页
 |			|-- children             
-|				|-- rating           // 评论页   
-|				|-- shopDetails      // 商铺信息页           
+|				|-- foodDetail       // 单个商铺信息页   
+|				|-- shopDetail       // 商铺信息页           
 |       |-- vipcard                  // vip办理页
 |
 |   |-- plugins                      // 引用的插件

src/router/router.js

@@ -12,7 +12,8 @@ const checkout = r => require.ensure([], () => r(require('../page/checkout/check
 const order = r => require.ensure([], () => r(require('../page/order/order')), 'order')
 const vipcard = r => require.ensure([], () => r(require('../page/vipcard/vipcard')), 'vipcard')
 const food = r => require.ensure([], () => r(require('../page/food/food')), 'food')
-const rating = r => require.ensure([], () => r(require('../page/shop/children/rating')), 'rating')
+const foodDetail = r => require.ensure([], () => r(require('../page/shop/children/foodDetail')), 'foodDetail')
+const shopDetail = r => require.ensure([], () => r(require('../page/shop/children/shopDetail')), 'shopDetail')
 
 
 export default [{
@@ -28,8 +29,12 @@ export default [{
         { path: '/shop', component: shop ,
             children: [
                 {
-                    path: 'rating',
-                    component: rating,
+                    path: 'foodDetail',
+                    component: foodDetail,
+                },
+                {
+                    path: 'shopDetail',
+                    component: shopDetail,
                 }
             ]
         },            //商铺详情页