vue 饿了么模拟后台数据

1创建好项目后 先模拟一下提供的json文件数据,为后面的工作做准备。首先把data.json放到与package.json平级目录下

vue 饿了么模拟后台数据(这是我的目录结构)

2.查看data.json数据结构  分为3个 seller(卖家数据),goods(商品),ratings(评论)

3.在build找到dev-server.js 添加数据模块

vue 饿了么模拟后台数据

第四步:在main.js目录添加import

vue 饿了么模拟后台数据

(其中若没有vue-router  去npm 下载   打开命令行窗口 npm install vue-router --save 即可,同理 vue-resource)

第五步:这样模拟后台提供的数据就完成了 来看下效果吧

vue 饿了么模拟后台数据

其余的自己试一试把