mock数据

操作步骤：

（1）在项目src文件夹中创建mock文件夹

（2）在mock文件夹中创建相应的JSON文件，准备JSON数据（注意别有空格）

（3）把mock数据需要的图片放置在public文件夹中（public文件夹在打包时，会把相应的资源原封不动的打包到dist文件夹中）

（4）创建mockServe.js通过mockjs插件实现模拟数据

 

 （5）在main.js中引入（mockServe.js不需要暴露）

 

 （6）获取Banner轮播图数据

1）在API文件夹中创建mockRequest（axios实例：baseURL:'/mock'）专门获取模拟数据用的axios实例。

@/api/index.js

 2）获取home轮播图数据

首先ListContainer挂载完成通知vuex要发请求获取数据

 3）仓库中存储数据

actions发送异步请求

 mutations修改state中的数据

 

 引入发送请求的api以及在原始仓库的state中配置bannerList（为空数组---根据相应的结果来：相应的result.data为数组，则为空数组，为对象，则为空对象）

 

 4）用仓库的组件拿到仓库中对应的数据 

• 引入mapState 
• 映射为自身的计算属性computed
• 使用仓库的数据
•