尚硅谷-尚品汇项目开发总结（第七天）

11：mockjs

        11.1 mockjs介绍：mockjs可以生成模拟数据，拦截AJAX请求，可以模拟后台接口的数据。

        11.2 为什么要使用mockjs？

        在前端开发的时候，往往都需要都需要后端提供接口数据来进行相应页面的开发。但这个时候就需要后端先行开发，之后前端才进行开发，从而可能会影响开发效率。Mock.js这个工具完全可以通过我们设置的规则，来提供数据，从而解决了前端不能独立开发的问题。而且当对接后端接口的时候，也不需要修改既有代码。

        11.3 使用方法

        1.在src文件夹中新建mock文件夹

        2.在mock文件夹中新建要模拟的数据如 banner.json，将要使用到的图片资源放到public文件夹images文件夹下

[
    {
        "id": "1",
        "imgUrl": "/images/banner1.jpg"
    },
    {
        "id": "2",
        "imgUrl": "/images/banner2.jpg"
    },
    {
        "id": "3",
        "imgUrl": "/images/banner3.jpg"
    },
    {
        "id": "4",
        "imgUrl":